Plugin TinyMCE 4 - Icon-Reihen anpassen
In der Tinymce4 – Konfiguration ./plugins/tinymce4/config/config.php unter dem ersten Punkt $plugin_cf['tinymce4']['init']="..."
kann man die init_....js Datei auswählen, die das Aussehen des Editors festlegt.
Das Verzeichnis mit diesen Dateien liegt in diesem Pfad: ./plugins/tinymce4/inits/init_....js.
Für die folgende Kopfleiste muss die unten zum Download angebotene 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, dass statt des TOC Zeichens das oder ein noch besser passendes Zeichen angezeigt wird, möge mir bitte zeigen, wie das geht.