This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
de:getsimplede:syntaxhervorhebung [2014/05/03 22:33] Lars |
de:getsimplede:syntaxhervorhebung [2014/05/03 22:34] Lars |
||
---|---|---|---|
Line 24: | Line 24: | ||
</code>Anschließend initalisieren Sie das Editor-Plugin in dieser Datei, ein Beispiel:\\ <code> | </code>Anschließend initalisieren Sie das Editor-Plugin in dieser Datei, ein Beispiel:\\ <code> | ||
config.extraPlugins = 'fileicon,video,syntaxhighlight','templates', | config.extraPlugins = 'fileicon,video,syntaxhighlight','templates', | ||
- | </code>Haben Sie bereits zusätzliche Editor-Plugins eingerichtet, fügen Sie das Syntax-Highlight-Plugin in diese Zeile ein, die einzelnen Plugins voneinander getrennt mit Kommata\\ \\ Falls Sie die separate Konfigurationsdatei neu angelegt haben, müssen Sie diese auch noch in der **GetSimple-Konfigurationsdatei** einbinden, [[http://192.168.1.22/getsimple.de/editor-erweitern/separate-konfigurationsdatei/|wie hier beschrieben.]] | + | </code>Haben Sie bereits zusätzliche Editor-Plugins eingerichtet, fügen Sie das Syntax-Highlight-Plugin in diese Zeile ein, die einzelnen Plugins voneinander getrennt mit Kommata\\ \\ Falls Sie die separate Konfigurationsdatei neu angelegt haben, müssen Sie diese auch noch in der **GetSimple-Konfigurationsdatei** einbinden, [[separate-konfigurationsdatei/|wie hier beschrieben.]] |
- Vereinbaren Sie in der **GetSimple**-Konfigurationsdatei gsconfig.php die Anzeige des Code-Buttons, z.B. so in der letzten Zeile mit der Option code:\\ <code> | - Vereinbaren Sie in der **GetSimple**-Konfigurationsdatei gsconfig.php die Anzeige des Code-Buttons, z.B. so in der letzten Zeile mit der Option code:\\ <code> | ||
# WYSIWYG toolbars (advanced, basic or [custom config]) | # WYSIWYG toolbars (advanced, basic or [custom config]) | ||
Line 34: | Line 34: | ||
"); | "); | ||
</code> | </code> | ||
- | - Wenn der Editor neu geladen ist, sehen Sie nun ein neues Icon in der Editor-Toolbar.\\ {{http://192.168.1.22/getsimple.de/data/uploads/howto/ckeditor_plugin_syntaxhighlight.jpg|Neues Icon in der Symbolleiste}}\\ Klicken Sie auf dieses Icon, öffnet sich ein Dialogfenster, in dem Sie den Code eingeben können und die dazugehörende Programmiersprache festlegen können. PHP ist vordefiniert.\\ {{ckeditor_plugin_syntaxhighlight_2.jpg|Syntax-Highlighter}} | + | - Wenn der Editor neu geladen ist, sehen Sie nun ein neues Icon in der Editor-Toolbar.\\ {{ckeditor_plugin_syntaxhighlight.jpg|Neues Icon in der Symbolleiste}}\\ Klicken Sie auf dieses Icon, öffnet sich ein Dialogfenster, in dem Sie den Code eingeben können und die dazugehörende Programmiersprache festlegen können. PHP ist vordefiniert.\\ {{ckeditor_plugin_syntaxhighlight_2.jpg|Syntax-Highlighter}} |
- Jetzt können Sie die Codebeispiele einfügen und den Seiteninhalt speichern.\\ Er wird anschließend nützlich formatiert auf der Seite eingebunden sein.\\ \\ Ein Screenshot:{{ckeditor_plugin_syntaxhighlight_3.jpg|Screenshot}} | - Jetzt können Sie die Codebeispiele einfügen und den Seiteninhalt speichern.\\ Er wird anschließend nützlich formatiert auf der Seite eingebunden sein.\\ \\ Ein Screenshot:{{ckeditor_plugin_syntaxhighlight_3.jpg|Screenshot}} | ||
- Das Plugin ist, wie üblich, in englischer Sprache abgefaßt. Damit es mit einer deutschen Sprachdatei arbeitet, sind folgende Schritte notwendig: | - Das Plugin ist, wie üblich, in englischer Sprache abgefaßt. Damit es mit einer deutschen Sprachdatei arbeitet, sind folgende Schritte notwendig: |