Syntaxhighlighter Interface
ckeditor-syntaxhighlight
A plugin originally written for CKEditor 3+ that enables code syntax highlighting. Interface for Alex Gorbatchev's syntaxhighlighter.
Updated to work with CKEditor 4+; some features added.
Supported languages: English, German and French. Feel free to contribute further translations.
Installation:
First method: simply use the ckbuilder to add syntaxhighlighter to your editor
Second method: download the plugin here, add the syntaxhighlighter-folder to your ckeditor's subfolder "plugins" and add syntaxhighlighter to the extraPlugins-entry in your config.js. If the plugin doesn't appear try adding an item called 'Syntaxhighlight' to your toolbar
Caution: this plugin simply adds some special markup-tags to your input. For the highlighting-process itself you will need to run Alex Gorbatchev's library on your website too.
Settings:
you can define all default values by yourself, i.e. by setting the correspondent values in your config.js
Configurable values are:
CKEDITOR.config.syntaxhighlight_hideGutter = [true|false];
CKEDITOR.config.syntaxhighlight_hideControls = [true|false];
CKEDITOR.config.syntaxhighlight_collapse = [true|false];
CKEDITOR.config.syntaxhighlight_codeTitle = any title; // default ''
CKEDITOR.config.syntaxhighlight_showColumns = [true|false];
CKEDITOR.config.syntaxhighlight_noWrap = [true|false];
CKEDITOR.config.syntaxhighlight_firstLine = any numeric value; // default 0
CKEDITOR.config.syntaxhighlight_highlight = i.e. [1,3,9]; // default null
CKEDITOR.config.syntaxhighlight_lang = 'applescript', 'actionscript3', 'as3', 'bash', 'shell', 'sh', 'coldfusion', 'cf', 'cpp', 'c', 'c#', 'c-sharp', 'csharp', 'css', 'delphi', 'pascal', 'pas', 'diff', 'patch', 'erl', 'erlang', 'groovy', 'haxe', 'hx', 'java', 'jfx', 'javafx', 'js', 'jscript', 'javascript', 'perl', 'Perl', 'pl', 'php', 'text', 'plain', 'powershell', 'ps', 'posh', 'py', 'python', 'ruby', 'rails', 'ror', 'rb', 'sass', 'scss', 'scala', 'sql', 'tap', 'Tap', 'TAP', 'ts', 'typescript', 'vb', 'vbnet', 'xml', 'xhtml', 'xslt', 'html'; // default null
CKEDITOR.config.syntaxhighlight_code = any source code; // default ''
Alex Gorbatchev's syntaxhighlighter:
https://github.com/alexgorbatchev/SyntaxHighlighter
Find us at github:
https://github.com/dbrain/ckeditor-syntaxhighlight/tree/ckeditor-4
View our demo:
Releases
Plugin versions | CKEditor versions | |||
---|---|---|---|---|
4.25 | 4.24 | 4.23 | ||
Version: 1.7.0 |
||||
added translation to Chinese-Simplified by @Gnodiah |