header-xh-01 header-xh-02 header-xh-03 header-xh-04 header-xh-05 header-xh-06 header-xh-07 header-xh-08 header-xh-09 header-xh-10 header-xh-11 header-xh-12 header-xh-13 header-xh-14
Lembach's nichtkommerzielle Website rund um CMSimple_XH
Templates, Plugins, Tools, Programme
und Tips und Tricks die mir wichtig sind
Sie sind hier: Startseite > Tipps und Tricks zusammengetragen > Plugin TinyMCE Menü-Leiste und Icon-Reihen anpassen

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.

 


| Seitenanfang | |  - - - By CrazyStat - - -