egotecIcons - Plugin Konfiguration

Bildschirmfoto von 2019-03-08 08-52-57.png

Aktivierung des Plugins

Zunächst muss, wie in Editor Plugins erstellen(1. & 2.)  beschrieben, das Plugin aktiviert werden. (Plugin Name: "egotecIcons")

Um die Funktionen des Icon Plugins nutzen zu können, muss ein Iconset definiert werden. (Derzeit nur Font-Awesome oder Material möglich)

conf.json Beispiel:

"editor": {
"icons": {
"sets": ["font-awesome"]
}
}


Neue Iconsets hinzufügen

tinymce/plugins/egotecIcons/iconsets

Im oben genannten Pfad befinden sich bereits die beiden Beispiel Icons. Um neue IconSets hinzuzufügen, muss lediglich die jeweilige json Datei angelegt werden, in der die Icons definiert werden.

Diese muss folgendes Format haben. (Siehe bereits vorhandene Dateien)

{
"name" : "font-awesome",
"version" : "4.5+",
"type" : 1,
"css_classes": ["fa"],
"css_prefix": "fa-",
"css_file": "/css/fontawesome.min.css",
"spinner_class": "fa-spin",
"spinner_group": "spinnerIcons",
"icons": [
{
"name": "Glass",
"id": "glass",
"unicode": "f000",
"created": 1,
"filter": [
"martini",
"drink",
"bar",
"alcohol",
"liquor"
],
"categories": [
"Web Application Icons"
]
}
}

Name (String): Der Name des Plugins, welcher mit dem Dateinamen übereinstimmt. Dieser muss später zum Einbinden in der conf.json verwendet werden.
Version (String) : Die genutzte Version des IconSets. Diese ist nicht relevant für die weitere Funktion des Plugins.
type (int)  : Type 1 = Icons über Klassen, wie in Font-Awesome / Type 2 = Icons über Inhalt.
css_classes (Array): Array mit den Standart Klassen, die jedes Icon Element zwingend haben muss.
css_prefix (String): Prefix für Icons (Nur für Type 1 relevant)