This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
how_to:editor_configuration_syntaxhighlight [2015/04/14 04:04] gsinfo Updated the instructions to be clearer |
how_to:editor_configuration_syntaxhighlight [2015/04/14 04:06] (current) gsinfo [Edit the template.php of your theme] |
||
---|---|---|---|
Line 16: | Line 16: | ||
Make sure you rename the folder so that it looks like this | Make sure you rename the folder so that it looks like this | ||
- | //admin/template/js/ckeditor/plugins/syntaxhighlight | + | //admin/template/js/ckeditor/plugins/syntaxhighlight// |
This folder should contain the files plugin.js and the subdirectories dialogs, images, and lang | This folder should contain the files plugin.js and the subdirectories dialogs, images, and lang | ||
Line 53: | Line 53: | ||
['Image','Flash','video','fileicon','Table','HorizontalRule','SpecialChar'], | ['Image','Flash','video','fileicon','Table','HorizontalRule','SpecialChar'], | ||
'/', | '/', | ||
- | ['Styles','Format','Font','FontSize'],['ShowBlocks'],['Code'],['Templates'] | + | ['Styles','Format','Font','FontSize'],['ShowBlocks'],['syntaxhighlight'],['Templates'] |
");</code> | ");</code> | ||
- | you see the option <code>['Code']</code>? This places the Syntax-Highlighter-Button in your toolbar. | + | you see the option <code>['syntaxhighlight']</code>? This places the Syntax-Highlighter-Button in your toolbar. |
===== Edit the template.php of your theme ===== | ===== Edit the template.php of your theme ===== | ||
- | you will have to add some stylesheets and scripts to your template-header, otherwise the visual effect of the syntax-highlighter will not work. | + | you will have to add some stylesheets and scripts to your template-header, otherwise the visual effect of the syntax-highlighter will not work. Make sure you include a line for each kind of language you intend to display. |
<code> | <code> | ||
<!-- SyntaxHighlighter --> | <!-- SyntaxHighlighter --> |