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 > Plugins > TinyMCE Konfiguration > Plugin TinyMCE 4 - Icon-Reihen anpassen
Letzte Bearbeitung:

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.

 


| Seitenanfang |