====== Editor-Toolbar ======

Die **Standard-Toolbar** des Editors stellt sich so dar:

{{editorbasic.png|Standard-Toolbar des Editors}}

und enthält diese Features:

Fett, kursiv, unterstrichen\\ Einfügen/Entfernen von Numerierten Listen, Einfügen/Entfernen von Punkt-Listen\\ Linksbündig, zentriert, rechtsbündig, Blocksatz\\ Link, Grafik-Datei, Format bereinigen, QuellText-Ansicht

Aktivieren Sie jedoch die **erweiterte Toolba**r in der Konfigurationsdatei, erhalten Sie diese Ansicht:

{{
editoradvanced.jpg|Erweiterte Toolbar}}

Diese Toolbar enthält folgende Features:

Fett, kursiv, unterstrichen\\ Einfügen/Entfernen von Numerierten Listen, Einfügen/Entfernen von Punkt-Listen\\ Linksbündig, zentriert, rechtsbündig, Blocksatz\\ Tabelle, Text-Farbe, Hintergrund-Farbe\\ Link, Grafik-Datei, Format bereinigen, QuellText-Ansicht\\ Formatierungs-Stile, Absatz-Format, Schriftnamen, Schrift-Größe

Sie aktivieren diese Toolbar durch folgenden Eintrag in der gsconfig.php:

<code>
# WYSIWYG toolbars (advanced, basic or [custom config])
define('GSEDITORTOOL', 'advanced');
</code>

Reichen Ihnen diese Möglichkeiten nicht aus, können Sie ihre eigene Toolbar zusammenstellen.\\ Informationen über die möglichen Einträge finden Sie auf der [[http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar|Webseite des Editors]]

Sehr nützlich sind z.B. die Buttons für **Copy / Paste / Paste From Word.** Immer wieder geschieht es, daß Anwender Text aus WORD kopieren und ihn direkt in die Texteingabe einfügen. Dabei wird eine Unmenge an Formatierungen mitkopiert, die im schlimmsten Falle das gesamte Seiten-Layout zerstört. Deshalb gibt es dafür einen separaten Button, welcher alle diese Formatierungen entfernt. Auch Rückgängig-Machen wird oft vermißt.

Eine selbstdefinierte Toolbar definieren Sie direkt in der gsconfig.php. Dabei werden alle gewünschten Einträge in eckigen Klammern eingetragen.

<code>
# WYSIWYG toolbars (advanced, basic or [custom config])
define('GSEDITORTOOL',"
['Cut','Copy','Paste','PasteFromWord','-','Undo','Redo','Find','Replace','-','SelectAll'],
['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList',  'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock', 'Table', 'TextColor', 'BGColor', 'Link', 'Unlink', 'Image', 'RemoveFormat', 'Source'],
'/',
['Styles','Format','Font','FontSize']
");
</code>

Solange Sie den "GetSimple-Skin" nutzen, werden aber leider die gerade hinzugefügten Buttons sehr schwach angezeigt. Klicken Sie jedoch in den Texteingabebereich, werden auch die bis dato ausgeblendeten Buttons aktiv.

{{editorcustom.png|selbstdefinierte Toolbar}}