Plugin TinyMCE Menü-Leiste und Icon-Reihen anpassen
Plugin TinyMCE Menü-Leiste und Icon-Reihen anpassen
In der Tinymce4 – Konfiguration unter dem ersten Punkt (INIT) kann man die init_ Datei auswählen, die das Aussehen des Editors festlegt.
Das Verzeichnis mit diesen Dateien liegt in diesem Pfad: /plugins/tinymce4/inits
Für die folgende Kopfleiste muss diese init_fontawesome.js - Datei in der Konfiguration des TinyMCE aktiviert sein.
Datei: init_fontawesome.js hier als *.zip herunterzuladen.
Um ein Icon für die Funktion TOC (Tabel of Content, 3. Zeile von unten, ganz rechts: | TOC ) anzuzeigen musste ich diese Datei editieren:
Pfad: /plugins/tinymce4/tinymce/skins/lightgray
Datei: skin.min.css hier als *.zip herunterladen.
Ganz unten muss sie lauten: .... .mce-i-toc:before{content:"\e006TOC";background:#eee;font-size:14px}.mce-i-checkmark:before{content:"\e033"}.mce-i-format-painter:before{content:"\e909"}.mce-i-checkbox:before,.mce-i-selected:before{content:"\e033"}.mce-i-insert{font-size:14px}.mce-i-selected{visibility:hidden}i.mce-i-backcolor{text-shadow:none;background:#BBB}.mce-rtl .mce-filepicker input{direction:ltr}
Die notwendige Änderung betrifft den Content, der neue Eintrag muss lauten .mce-i-toc:before{content:"\e006TOC";background:#eee;font-size:14px}, damit TOC angezeigt wird, statt eines Fehlers.
Wer es schafft das statt des TOC Zeichens das TOC oder ein noch besser passendes Zeichen angezeigt wird, möge mir bitte zeigen, wie das geht.