Cum să adăugați un editor TinyMCE la WordPress

Dacă doriți să adăugați un editor TinyMCE la WordPress, este de fapt destul de ușor. Tot ce trebuie să faceți este să instalați și să activați pluginul TinyMCE Advanced . După ce ați făcut asta, veți găsi un nou element de meniu „TinyMCE” sub meniul Setări din zona dvs. de administrare WordPress. Făcând clic pe acesta, veți ajunge la pagina de setări a pluginului, unde puteți configura modul în care funcționează editorul TinyMCE.

Versiunea 3.9 a editorului vizual WordPress oferă un feedback bun. Când chiuveta de bucătărie este pornită, are doar 14 butoane sau 26 când nu este. Editorul de text TinyMCE complet poate fi afișat adăugând următorul cod în fișierul functions.php: Acum puteți selecta un al treilea rând de butoane din editorul vizual.

Utilizați pluginuri personalizate cu TinyMCE Copiați fișierul punct de intrare (împreună cu orice alte fișiere) în folderul de pluginuri din codul TinyMCE care a fost distribuit împreună cu pluginul. Pluginul poate fi apoi utilizat introducându-l în lista de pluginuri specificată de opțiunea de pluginuri.

Python sau Django pot fi folosite pentru a-l rula. Fișierul setup.py este un fișier shell. În settings.py, copiați și inserați codul tinymce în proiectul dvs.: INSTALLED_APPS = tinymce. „A tinymce”, [a tinymce] este un alt cuvânt pentru el. Tinymce li se adaugă.

Creați conținut și setați conținut folosind metodele TinyMCE getContent și setContent. Dacă ați inițializat editorul la myTextarea, va trebui să returnați proprietatea id="myTextarea". Returnează utilizatorului conținutul din editor care a fost marcat ca HTML.

Făcând clic pe cele trei puncte (Opțiuni) din colțul din dreapta sus al ecranului, puteți accesa editorul de text Gutenberg . Făcând clic pe fila Text din bara de instrumente, puteți accesa editorul de text WordPress Classic.

WordPress folosește Tinymce?

WordPress folosește TinyMCE ca editor implicit . TinyMCE este un editor WYSIWYG (What You See Is What You Get) care permite utilizatorilor să creeze și să formateze cu ușurință conținutul. Este utilizat pe scară largă de dezvoltatorii web și bloggeri.

Moxiecode Systems AB, o companie suedeză, furnizează WordPress editorul HTML WYSIWYG cu sursă deschisă TinyMCE. De asemenea, puteți debloca un număr de butoane făcând clic pe Bara de instrumente Advanced Editor (rândul 2 al editorului). În versiunea WP 3.3.1, comanda de comutare corectă pentru IE și Firefox este Shift-Alt-Z; consultați, de asemenea, pluginul API Rich Text Editor Filters pentru mai multe informații. Un tutorial detaliat poate fi găsit și pe WP Tuts. Când utilizați WordPress, editorul TinyMCE WYSIWYG adaugă automat etichete de paragraf (etichete P) în jurul întreruperilor de rând. Există trei moduri de bază de a elimina etichetele P. În /WP-includes/class-WP-editor.php, puteți accesa setările implicite.

Ce versiune de Tinymce folosește WordPress?

Începând cu WordPress 5.0, editorul vizual TinyMCE este la versiunea 4.9.4.

WordPress Tinymce Creați

Unul dintre lucrurile grozave despre WordPress este că vă ajută să formatați postările și paginile cu editorul său TinyMCE încorporat. Dar știați că puteți utiliza și TinyMCE pentru a vă crea propriile butoane personalizate?
Crearea de butoane personalizate pentru TinyMCE este o modalitate excelentă de a extinde funcționalitatea site-ului dvs. WordPress. De exemplu, puteți crea un buton care inserează un cod scurt personalizat sau o etichetă HTML. Sau puteți crea un buton care inserează un link către un fișier sau o imagine.
Crearea butoanelor personalizate pentru TinyMCE este relativ ușoară. Mai întâi, trebuie să creați un plugin care va adăuga butoanele personalizate la editorul TinyMCE. Apoi, trebuie să adăugați un cod la pluginul dvs. care va spune TinyMCE ce trebuie să facă atunci când se face clic pe butonul.
Dacă nu sunteți dezvoltator, puteți găsi și pluginuri care vor adăuga butoane personalizate la TinyMCE. Aceste plugin-uri vin de obicei cu o interfață de utilizator care facilitează adăugarea și configurarea butoanelor personalizate.

TinyMCE este construit pentru a funcționa cu o gamă largă de plugin-uri și setări personalizate. TinyMCE nu necesită nicio structură de fișiere sau unelte speciale pentru a rula, în plus față de aceste cerințe. În cele mai multe cazuri, puteți crea plugin-uri personalizate cu ajutorul unui cadru sau a unui instrument. Yeoman Generator poate genera fișiere și coduri standard necesare pentru un plugin personalizat, precum și câteva comenzi utile. Traducătorii TinyMCE pot fi găsiți în multe limbi, inclusiv engleză, franceză, germană, italiană și spaniolă. Dacă trebuie să adăugați șiruri într-o limbă acceptată, vă rugăm să utilizați următoarea procedură. Creați un fișier de traducere pentru fiecare limbă acceptată de plugin. Un simplu buton din bara de instrumente și un element de meniu pot fi adăugate folosind acest exemplu de plugin.

Setări Wp Editor Tinymce

Setările wp editor tinymce vă permit să schimbați setările implicite pentru editorul vizual WordPress. Acest lucru poate fi util dacă doriți să schimbați dimensiunea fontului, culorile sau alte aspecte ale editorului.

Vă vom arăta cum să îndoiți editorul WordPress TinyMCE împărțindu-l în diferite părți. Editorul oferă implicit două rânduri de butoane pentru crearea, editarea și formatarea conținutului postării. Unul sau mai multe dintre pluginurile existente pot fi actualizate pentru a ne oferi o varietate de funcționalități avansate. API-ul TinyMCE le permite dezvoltatorilor să aibă control complet asupra editorului. Folosind filtrele furnizate mai jos, putem permite activarea a până la patru rânduri de butoane. Un singur element, care poate fi orice element, stabilește parametrii unui element de meniu. Dacă avem nevoie de o previzualizare în timp real, va trebui să creăm o foaie de stil personalizată.

În multe cazuri, nu este nevoie să creăm un buton personalizat, deoarece TinyMCE are un număr mare de butoane ascunse pe care le putem activa cu ușurință. Un filtru cu filtrul mce_buttons_*n* poate fi folosit pentru a filtra matricea de butoane. Dacă niciunul dintre aceste butoane nu este potrivit pentru nevoile noastre, editorul poate primi mai multe funcționalități datorită unui număr de plugin-uri oficiale. Știm deja cum să creăm un plugin și să adăugăm un buton în WordPress TinyMCE. Să creăm acum următorul plugin. În /mce/prism/, există un fișier numit /mce/prism/. Metoda addButton adaugă un element de meniu pentru fiecare dintre elementele matricei de articole folosind butonul de meniu Prism. Veți vedea butonul meniului drop-down imediat ce salvați, încărcați și reîmprospătați.

Pluginul TinyMCE Advanced WordPress adaugă funcționalitatea a cincisprezece plugin-uri TinyMCE la editorul vizual implicit. O serie de funcții avansate, cum ar fi tabelul și opțiunile familiei de fonturi, sunt disponibile din pagina de opțiuni pentru plugin. Pe lângă editorul care va fi afectat de noile setări, utilizatorii pot selecta și alte opțiuni.