User Tools

Site Tools


This is an old revision of the document!

How to integrate SyntaxHighLighting in the editor

If you want to use SyntaxHighlighting in the editor, you will need the original script SyntaxHighLighter by Alex Gorbatchev PLUS the CKEditor Plugin for Syntax-Highlighting.

Download the scripts

Download the Syntax-Highlighter-Script from the SyntaxHighLighter-Download-Page

Unpack it to a local directory and upload it as directory “syntaxhighlighter” to /admin/template/js/

Download the SyntaxHighLighter-Plugin for CKeditor-Plugin from


Unpack it to a local directory and load that directory by FTP into your editor-plugin-directory at: admin/template/js/ckeditor/plugins

Integration in GetSimple

You will need a separate CKEditor-configuration file if you don't have one already. Add the following 2 lines to the custom config-file:

CKEDITOR.editorConfig = function( config ){\\
	// Define changes to default configuration here. For example:
	// config.removePlugins = 'elementspath,resize' ; // hide element path and resizer
	config.extraPlugins = 'syntaxhighlight',
	config.syntaxhighlightLangDefault = 'php'

If you have defined extraPlugins already, add 'syntaxhighlight' to that comma-separated list,for example:

config.extraPlugins = 'fileicon,video,syntaxhighlight','templates',

If you haven't done already, define the custom-config-file in the GetSimple-Configuration file gsconfig.php

How to use

After all, you will see a new icon in your toolbar:
Click on that icon, you will see that PHP is the predefined language:
Now you can enter your code-snippet and after saving,

it will be integrated nicely formatted into your page.

A screenshot:

how_to/editor_configuration_syntaxhighlight.1322563338.txt.gz · Last modified: 2013/04/19 14:56 (external edit)