Sådan indstilles brugerdefineret TinyMCE-format som standard?

1. Hvordan ændrer jeg standardskrifttypen i TinyMCE?
2. Hvordan tilsidesætter du TinyMCE CSS?
3. Hvordan tilpasser du TinyMCE editor?
4. Hvordan tilføjer du CSS til TinyMCE editor?
5. Hvordan ændrer jeg standardskrifttypen i CSS?
6. Hvordan opretter jeg TinyMCE?
7. Hvordan viser jeg TinyMCE-indhold i HTML?
8. Hvordan installerer jeg TinyMCE-plugins?
9. Hvordan ændrer jeg baggrundsfarven på TinyMCE?
10. Hvordan ændrer jeg mit TinyMCE-tema?
11. Hvordan ændrer jeg min TinyMCE-hud?
12. Hvordan tilføjer du en brugerdefineret knap i TinyMCE editor?

Hvordan ændrer jeg standardskrifttypen i TinyMCE?

For at ændre standardskrifttypefamilien, størrelsen eller farven i TinyMCE-editoren anbefaler vi at bruge content_css eller content_style (eller en kombination af begge) afhængigt af din brugssag. TinyMCE leveres med en standard CSS, der bestemmer, hvordan skrifttypen og alt andet ser ud i selve editoren.

Hvordan tilsidesætter du TinyMCE CSS?

Du kan bringe værktøjslinjen ned ved hjælp af toolbar_location: "bunden" . Med hensyn til CSS kan du tilsidesætte standard CSS med dine egne stilarter ved hjælp af content_css . For eksempel: content_css: "/ mit indhold.

Hvordan tilpasser du TinyMCE editor?

1. Migrering af en grundlæggende Froala-konfiguration til TinyMCE.
2. Opdatering af listen over plugins.
3. Migrering af et tilpasset værktøjslinjelayout.
4. Konfiguration af inline-tilstand.
5. Migrering af brugerdefinerede knapper.
6. Migrering af brugerdefinerede drop-down værktøjslinjeknapper.

Hvordan tilføjer du CSS til TinyMCE editor?

css, som du indlæser ved hjælp af content_css-indstillingen i init-funktionen. Se dette link for dokumentationen til tinymce til dette. For et første trin kan du kopiere et af indholdet. css fra temabiblioteket og rediger det.

Hvordan ændrer jeg standardskrifttypen i CSS?

Ændring af standardskrifttypen

1. Klik på CSS-ikonet i værktøjslinjen.
2. Find klassen Body øverst på listen.
3. Find fontfamilieattributten og skriftstørrelsen som fremhævet nedenfor. krop baggrundsfarve: #FFF; font-familie: Verdana, Arial, Helvetica, sans-serif; skriftstørrelse: 12 px; polstring: 15px; ...
4. Foretag ændringen, og klik på OK.

Hvordan opretter jeg TinyMCE?

1. Migrering af en grundlæggende Froala-konfiguration til TinyMCE.
2. Opdatering af listen over plugins.
3. Migrering af et tilpasset værktøjslinjelayout.
4. Konfiguration af inline-tilstand.
5. Migrering af brugerdefinerede knapper.
6. Migrering af brugerdefinerede drop-down værktøjslinjeknapper.

Hvordan viser jeg TinyMCE-indhold i HTML?

Du kan gøre dette ved hjælp af getContent () -metoden fra TinyMCE API. Lad os sige, at du har initialiseret editoren til et tekstområde med id = ”myTextarea” . Få først adgang til editoren ved hjælp af det samme id, og ring derefter til getContent () . Dette returnerer indholdet i editoren markeret som HTML.

Hvordan installerer jeg TinyMCE-plugins?

Konfigurer TinyMCE til at bruge plugin.

Pluginnavnet skal føjes til listen over plugins på TinyMCE "plugins" -nøglen i rx_resources \ tinymce \ js \ config \ default_config. json-fil. Rx_resources \ tinymce \ js \ config \ default_config. json-fil skal også bruges til at tilpasse standard plugins og værktøjslinjeegenskaber.

Hvordan ændrer jeg baggrundsfarven på TinyMCE?

TinyMCE bruger sandsynligvis hovedformatet på dit websted. Og i dette tilfælde er det med grå tekst på sort baggrund. Og ryd derefter din cache hårdt eller genstart sessionen, så TinyMCE vil indlæse CSS frisk. Og så viser dit redigeringsområde nu sort tekst (# 000) på hvid baggrund (#fff).

Hvordan ændrer jeg mit TinyMCE-tema?

Denne mulighed giver dig mulighed for at specificere, hvilket tema der skal bruges, når du gengiver TinyMCE WYSIWYG-editorforekomsterne. Dette navn matcher mapperne i tinymce / jscripts / tiny_mce / temaer . Standardværdien for denne indstilling er "avanceret". TinyMCE har to indbyggede temaer beskrevet nedenfor.

Hvordan ændrer jeg min TinyMCE-hud?

Hvis du vil ændre udseendet på TinyMCE for eksempel ændre farverne på knapperne, kan du lave din egen hud ved at lave en kopi af standardskinnet jscripts / tiny_mce / temaer / avanceret / skins / standard til jscripts / tiny_mce / temaer / avanceret / skind /<dit hudnavn> . Husk at udskifte alle .

Hvordan tilføjer du en brugerdefineret knap i TinyMCE editor?

Her er et eksempel:

1. redaktør. addButton ('mybutton', text: "Min knap", onclick: funktion () alarm ("Min knap klikkede!"););
2. funktion toTimeHtml (dato) return '<tid datetime = "'+ dato. toString () + '">'+ dato. ...
3. redaktør. addButton ('strikeout', icon: 'strikethrough', onclick: function () editor.