This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
de:getsimplede:syntaxhervorhebung [2014/05/03 22:32] Lars created |
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.\\ {{http://192.168.1.22/getsimple.de/data/uploads/howto/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:{{http://192.168.1.22/getsimple.de/data/uploads/howto/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: | ||
- Öffnen Sie die Datei ''admin\template\js\ckeditor\plugins\syntaxhighlight\plugin.js'' im Editor.\\ Suchen Sie den Eintrag ''lang:["en"]'' in der ersten Zeile und ergänzen Sie diesen um das Kürzel für die deutsche Sprache: ''lang:%%['%%en','de']''\\ <code> | - Öffnen Sie die Datei ''admin\template\js\ckeditor\plugins\syntaxhighlight\plugin.js'' im Editor.\\ Suchen Sie den Eintrag ''lang:["en"]'' in der ersten Zeile und ergänzen Sie diesen um das Kürzel für die deutsche Sprache: ''lang:%%['%%en','de']''\\ <code> | ||
Line 41: | Line 41: | ||
</code> | </code> | ||
- Laden Sie die Datei dann wieder auf Ihren Server hoch. | - Laden Sie die Datei dann wieder auf Ihren Server hoch. | ||
- | - Laden Sie sich [[http://192.168.1.22/getsimple.de/data/uploads/downloads/getsimple_ckeditor_syntaxhighlighter_sprachdatei_de.zip|das ZIP mit der Sprachdatei]] {{http://192.168.1.22/getsimple.de/admin/template/js/ckeditor/plugins/fileicon/icons/zip.gif|zip}}von unserem Server herunter.\\ Entpacken Sie das ZIP, Sie erhalten eine Datei ''de.js''\\ Laden Sie diese Datei de.js in das Verzeichnis ''/admin/template/js/ckeditor/plugins/syntaxhighlight/lang/code>'' hoch.\\ Sie werden sehen, daß beim nächsten Start der Plugin-Dialog in deutscher Sprache ausgegeben wird. | + | - Laden Sie sich das ZIP mit der Sprachdatei herunter.\\ Entpacken Sie das ZIP, Sie erhalten eine Datei ''de.js''\\ Laden Sie diese Datei de.js in das Verzeichnis ''/admin/template/js/ckeditor/plugins/syntaxhighlight/lang/code>'' hoch.\\ Sie werden sehen, daß beim nächsten Start der Plugin-Dialog in deutscher Sprache ausgegeben wird. |