Syntax Highlighter Compress

November 28, 2011

Syntax Highlighter Compress Plugin

Syntax Highlighter ComPress is a plugin for code syntax highlighting. It loads fast on the website and code can pasted easily into Wordpress.

Syntax Highlighter ComPress is a simple WordPress plugin, that is based on the latest Alex Gorbatchev’s SyntaxHighlighter Script. Code and source text of different mark-up or programming languages can be highlighted in WordPress.

There are other WordPress plugin based on the SyntaxHighlighter Script but these cause long page loading times and they are difficult to handle. The advantage of Syntax Highlighter ComPress is that only necessary brush files will be loaded dynamically. Another advantage is that your code can easily pasted into your posts, no need to replace all ‘<‘ with ‘&lt;‘.

Supported mark-up or programming are: AppleScript, ActionScript3, Bash/shell, Coldfusion, C#, C++, CSS, Delphi, Diff, Erlang, Groovy, JavaScript, Java, JavaFX, Perl, PHP, Plain Text, Python, Ruby, Scala, SQL, Visual Basic and XML.

The plugin is localized in English, German and Romanian.

Installation

This plugin requires WordPress 2.6 or later.

  1. Unzip and upload the files to your ‘wp-content/plugins/’ directory.
  2. Activate the plugin by logging into your WordPress administration panel, going to ‘Plugins’, then clicking the ‘Activate’ button for ‘Syntax Highlighter Compress’.
  3. Done, enjoy it.

Usage

Usage with the TinyMCE button:

  1. Create a new post or page in WordPress or open an existing post/page.
  2. Place the cursor into the main textarea where you want to insert the code.
  3. Click on the new TinyMCE button, you can find after the activation of the plugin.
  4. Paste your code into the textarea of the popup and choose which syntax/brush (PHP, JavaScript, …) you want to use.
  5. Click on the ‘Insert’ button. That’s all.

Usage without TinyMCE button:

  1. Take your code and replace all ‘<‘ with ‘&lt;‘ (Seach & Replace).
  2. Then enclose your code with the pre Tag like this:

     <pre class="brush:[code-alias]"> [Your Code Here] </pre> 

    For the ‘[code-alias]’ segment you have to choose the right syntax/brush alias. For all the available brush aliases check out Alex Gorbatchev’s Webpage. PHP code should look like this:

     <pre class="brush:php"> &lt;?php $input = array("Neo", "Morpheus", "Trinity", "Cypher", "Tank"); $rand_keys = array_rand($input, 2); echo $input[$rand_keys[0]] . "\n"; ?> </pre> 
  3. Paste final code into the main textarea of WordPress. Be sure, that you do this in the HTML view.`

Screenshots

  1. Examples (for a live demo, see the plugin's homepage)

    Examples (for a live demo, see the plugin's homepage)

  2. TinyMCE Button and Popup for easy code pasting

    TinyMCE Button and Popup for easy code pasting

  3. Settings menu

    Settings menu

FAQ

Which browsers are supported?

The most common browsers are supported.

Which version of wordPress do I need?

You need WordPress 2.6 or later.

Changelog

3.0.83.3

3.0.83.2

  • Fixed problem with the tab-size input field
  • Fixed some bugs in the autoload script
  • Cleaner settings menu code

3.0.83.1

  • Upgraded Syntax Highlighter script (version 3.0.83)
  • New Dynamic brush loading: only necessary brush files get loaded
  • Added settings menu where you can change the theme and other options

2.1.364.1

  • First release, nothing changed so far

Details

  • Version: 3.0.83.3
  • Active installations: 100
  • WordPress Version: 2.6
  • Tested up to: 3.2.1

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars