2 votes

This package is marked as retired

There is a built-in Code Syntax Highlighter in the Umbraco 8 RichText Editor, it just needs to be activated (see Umbraco documentation)

Syntax Highlighter for Umbraco 7

Add SyntaxHighlighter to your Blog Posts in Umbraco 7 with this RichText Editor plugin.

Based on Alex Gorbatchev's work, this plugin enables you to paste your code into the TinyMCE based Rich Text Editor while setting common options along the way.

Although this package automatically installs SyntaxHighlighter into your /scripts folder, you will still need to include the SyntaxHighlighter scripts and configure it in your Views.

More information on the SyntaxHighlighter is available here:

Code pasted in is wrapped in <pre> tags with the appropriate brush and options required by SyntaxHighlighter.


  • Umbraco 7 Dialog for pasting code and setting the brush and options
  • Validation - code can only be inserted once a Brush is selected.

Additional Steps
To complete installation you will need to do two things:

  1. Update the /config/tinyMceConfig.config to register the plugin
  2. Edit the Richtext Editor Data Type to include the new Toolbar item
  3. Update your View to include the SyntaxHighlighter stylesheets and JavaScript.

These steps are detailed on the product page at http://digitalsmith.com.au/code/syntax-highlighter-for-umbraco-7.



Package owner

Robert Foster

Robert Foster

Robert has 1820 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions: 7.11.x, 7.4.x, 7.2.x, 7.1.x

Package Information

  • Package owner: Robert Foster
  • Created: 05/06/2014
  • Current version 0.0.1
  • .NET version 4.0
  • License MIT
  • Downloads on Our: 817

External resources