Så här ställer du in anpassat TinyMCE-format som standard?

1. Hur ändrar jag standardteckensnittet i TinyMCE?
2. Hur åsidosätter du TinyMCE CSS?
3. Hur anpassar du TinyMCE-redigeraren?
4. Hur lägger du till CSS i TinyMCE-redigeraren?
5. Hur ändrar jag standardteckensnittet i CSS?
6. Hur ställer jag in TinyMCE?
7. Hur visar jag TinyMCE-innehåll i HTML?
8. Hur installerar jag TinyMCE-plugins?
9. Hur ändrar jag bakgrundsfärgen på TinyMCE?
10. Hur ändrar jag mitt TinyMCE-tema?
11. Hur ändrar jag min TinyMCE-hud?
12. Hur lägger du till en anpassad knapp i TinyMCE-redigeraren?

Hur ändrar jag standardteckensnittet i TinyMCE?

För att ändra standardtypfamiljen, storleken eller färgen i TinyMCE-redigeraren rekommenderar vi att du använder content_css eller content_style (eller en kombination av båda) beroende på ditt användningsfall. TinyMCE levereras med en standard CSS som avgör hur typsnittet och allt annat ser ut i själva redigeraren.

Hur åsidosätter du TinyMCE CSS?

Du kan ta ner verktygsfältet med hjälp av verktygsfältet: "botten" . När det gäller CSS kan du åsidosätta standard CSS med dina egna stilar med hjälp av content_css . Till exempel: content_css: "/ mycontent.

Hur anpassar du TinyMCE-redigeraren?

1. Migrera en grundläggande Froala-konfiguration till TinyMCE.
2. Uppdaterar listan över plugins.
3. Migrera en anpassad verktygsfältlayout.
4. Konfigurera inline-läge.
5. Migrera anpassade knappar.
6. Migrera anpassade nedrullningsbara verktygsfältknappar.

Hur lägger du till CSS i TinyMCE-redigeraren?

css som du laddar med inställningen content_css i init-funktionen. Se den här länken för dokumentationen för detta. För ett första steg kan du kopiera ett av innehållet. css från temakatalogen och ändra den.

Hur ändrar jag standardteckensnittet i CSS?

Ändra standardteckensnitt

1. Klicka på CSS-ikonen i verktygsfältet.
2. Leta reda på klassen Body högst upp i listan.
3. Leta upp teckensnittsfamiljeattributet och teckensnittsstorleken som markeras nedan. kropp bakgrundsfärg: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; teckenstorlek: 12 pixlar; stoppning: 15px; ...
4. Gör ändringen och klicka på OK.

Hur ställer jag in TinyMCE?

1. Migrera en grundläggande Froala-konfiguration till TinyMCE.
2. Uppdaterar listan över plugins.
3. Migrera en anpassad verktygsfältlayout.
4. Konfigurera inline-läge.
5. Migrera anpassade knappar.
6. Migrera anpassade nedrullningsbara verktygsfältknappar.

Hur visar jag TinyMCE-innehåll i HTML?

Du kan göra detta med getContent () -metoden från TinyMCE API. Låt oss säga att du har initierat redigeraren på ett textområde med id = ”myTextarea” . Gå först till redigeraren med samma ID och ring sedan getContent () . Detta returnerar innehållet i redigeraren markerad som HTML.

Hur installerar jag TinyMCE-plugins?

Konfigurera TinyMCE för att använda plugin.

Pluginnamnet ska läggas till i listan med plugins på TinyMCE "plugins" -nyckeln i rx_resources \ tinymce \ js \ config \ default_config. json-fil. Rx_resources \ tinymce \ js \ config \ default_config. json-filen ska också användas för att anpassa standardinsticksprogrammen och verktygsfältets egenskaper.

Hur ändrar jag bakgrundsfärgen på TinyMCE?

TinyMCE använder förmodligen huvudformatet på din webbplats. Och i det här fallet är det med grå text på svart bakgrund. Och rensa sedan cacheminnet hårt eller starta om sessionen så att TinyMCE laddar upp CSS-versionen. Och sedan kommer ditt redigeringsområde nu att visa svart text (# 000) på vit bakgrund (#fff).

Hur ändrar jag mitt TinyMCE-tema?

Med det här alternativet kan du ange vilket tema som ska användas vid återgivning av TinyMCE WYSIWYG-redigeringsinstanser. Det här namnet matchar katalogerna i tinymce / jscripts / tiny_mce / themes . Standardvärdet för detta alternativ är "avancerat". TinyMCE har två inbyggda teman som beskrivs nedan.

Hur ändrar jag min TinyMCE-hud?

Om du vill ändra utseendet på TinyMCE till exempel ändra färgerna för knapparna kan du skapa din egen hud genom att göra en kopia av standardskinnet jscripts / tiny_mce / teman / advanced / skins / default till jscripts / tiny_mce / themes / advanced / skinn /<ditt hudnamn> . Kom ihåg att byta ut alla .

Hur lägger du till en anpassad knapp i TinyMCE-redigeraren?

Här är ett exempel:

1. redaktör. addButton ('mybutton', text: "My Button", onclick: function () alert ("My Button clicked!"););
2. funktion toTimeHtml (datum) return '<tid datetime = "'+ datum. toString () + '">'+ datum. ...
3. redaktör. addButton ('strikeout', icon: 'strikethrough', onclick: function () editor.