Cum se setează stilul formatului personalizat TinyMCE ca implicit?

1. Cum schimb fontul implicit în TinyMCE?
2. Cum suprascrieți TinyMCE CSS?
3. Cum personalizați editorul TinyMCE?
4. Cum adăugați CSS editorului TinyMCE?
5. Cum schimb fontul implicit în CSS?
6. Cum pot configura TinyMCE?
7. Cum afișez conținutul TinyMCE în HTML?
8. Cum instalez pluginuri TinyMCE?
9. Cum schimb culoarea de fundal pe TinyMCE?
10. Cum îmi schimb tema TinyMCE?
11. Cum îmi schimb pielea TinyMCE?
12. Cum adăugați un buton personalizat în editorul TinyMCE?

Cum schimb fontul implicit în TinyMCE?

Pentru a modifica familia, dimensiunea sau culoarea implicită a fontului în editorul TinyMCE, vă recomandăm să utilizați content_css sau content_style (sau o combinație a ambelor) în funcție de cazul dvs. de utilizare. TinyMCE este livrat cu un CSS implicit care determină cum arată fontul și orice altceva în editorul însuși.

Cum suprascrieți TinyMCE CSS?

Puteți aduce bara de instrumente în jos folosind toolbar_location: „jos” . În ceea ce privește CSS, puteți înlocui CSS implicit cu propriile stiluri folosind content_css . De exemplu: content_css: "/ mycontent.

Cum personalizați editorul TinyMCE?

1. Migrarea unei configurații de bază Froala către TinyMCE.
2. Actualizarea listei de pluginuri.
3. Migrarea unui aspect personalizat al barei de instrumente.
4. Configurarea modului Inline.
5. Migrarea butoanelor personalizate.
6. Migrarea butoanelor personalizate din bara de instrumente drop-down.

Cum adăugați CSS editorului TinyMCE?

css pe care îl încărcați utilizând setarea content_css în funcția init. Consultați acest link pentru documentația de mai jos. Pentru un prim pas, puteți copia un conținut. css din directorul temelor și modificați-l.

Cum schimb fontul implicit în CSS?

Schimbarea fontului implicit

1. Faceți clic pe pictograma CSS din bara de instrumente.
2. Găsiți clasa Body în partea de sus a listei.
3. Găsiți atributul familiei de fonturi și dimensiunea fontului, așa cum este evidențiat mai jos. corp fundal-culoare: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; dimensiunea fontului: 12 px; umplutură: 15 px; ...
4. Efectuați modificarea și faceți clic pe OK.

Cum pot configura TinyMCE?

1. Migrarea unei configurații de bază Froala către TinyMCE.
2. Actualizarea listei de pluginuri.
3. Migrarea unui aspect personalizat al barei de instrumente.
4. Configurarea modului Inline.
5. Migrarea butoanelor personalizate.
6. Migrarea butoanelor personalizate din bara de instrumente drop-down.

Cum afișez conținutul TinyMCE în HTML?

Puteți face acest lucru folosind metoda getContent () din API-ul TinyMCE. Să presupunem că ați inițializat editorul pe o zonă de text cu id = ”zona mea de text” . Mai întâi accesați editorul utilizând același id, apoi apelați getContent () . Aceasta va returna conținutul din editorul marcat ca HTML.

Cum instalez pluginuri TinyMCE?

Configurați TinyMCE pentru a utiliza pluginul.

Numele pluginului trebuie adăugat la lista de pluginuri de pe cheia „plugins” TinyMCE din rx_resources \ tinymce \ js \ config \ default_config. fișier json. Rx_resources \ tinymce \ js \ config \ default_config. fișierul json ar trebui, de asemenea, utilizat pentru a personaliza pluginurile implicite și proprietățile barei de instrumente.

Cum schimb culoarea de fundal pe TinyMCE?

TinyMCE utilizează probabil foaia principală de stil a site-ului dvs. web. Și în acest caz este cu text gri pe fundal negru. Și apoi ștergeți cache-ul sau reporniți sesiunea, astfel încât TinyMCE să încarce CSS proaspăt. Și apoi zona de editare va afișa acum text negru (# 000) pe fundal alb (#fff).

Cum îmi schimb tema TinyMCE?

Această opțiune vă permite să specificați ce temă să utilizați atunci când redați instanțele editorului TinyMCE WYSIWYG. Acest nume corespunde directoarelor situate în tinymce / jscripts / tiny_mce / themes . Valoarea implicită a acestei opțiuni este „avansată”. TinyMCE are două teme încorporate descrise mai jos.

Cum îmi schimb pielea TinyMCE?

Dacă doriți să schimbați aspectul TinyMCE, de exemplu, să schimbați culorile butoanelor, vă puteți crea propria skin făcând o copie a skin-ului implicit jscripts / tiny_mce / themes / advanced / skins / default în jscripts / tiny_mce / themes / advanced / piei /<numele pielii tale> . Nu uitați să înlocuiți toate .

Cum adăugați un buton personalizat în editorul TinyMCE?

Iată un exemplu:

1. editor. addButton ('mybutton', text: "Butonul meu", onclick: function () alert ("Butonul meu a făcut clic!"););
2. function toTimeHtml (date) return '<time datetime = "'+ date. toString () + '">'+ data. ...
3. editor. addButton ('strikeout', icon: 'strikethrough', onclick: function () editor.