Syntaxhighlighter Interface


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.



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.



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:

Find us at github:

View our demo:


54,292 downloads (view stats)


Plugin versions CKEditor versions
4.24 4.23 4.22

Version: 1.7.0

DownloadRelease notes

added translation to Chinese-Simplified by @Gnodiah

Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check