Fred Wu

<p>SyntaxHighlighter Plus is a WordPress plugin for code syntax highlighting. It is an enhanced version of the original SyntaxHighlighter by Matt, Viper007Bond and mdawaffe. Please give them a big applause for making such a great plugin!</p>
<p>SyntaxHighlighter allows you to easily post syntax highlighted code all without loosing it’s formatting or making an manual changes.</p>
<p>It supports the following languages (the alias for use in the post is listed next to the name):</p>
<ul>
<li>Bash — <code>bash</code>, <code>sh</code></li>
<li>C++ — <code>cpp</code>, <code>c</code>, <code>c++</code></li>
<li>C# — <code>c#</code>, <code>c-sharp</code>, <code>csharp</code></li>
<li>CSS — <code>css</code></li>
<li>Delphi — <code>delphi</code>, <code>pascal</code></li>
<li>Diff — <code>diff</code></li>
<li>Groovy — <code>groovy</code></li>
<li>Java — <code>java</code></li>
<li>JavaScript — <code>js</code>, <code>jscript</code>, <code>javascript</code></li>
<li>Perl — <code>perl</code>, <code>pl</code></li>
<li>PHP — <code>php</code></li>
<li>Plain text — <code>plain</code>, <code>text</code></li>
<li>Python — <code>py</code>, <code>python</code></li>
<li>Ruby — <code>rb</code>, <code>ruby</code>, <code>rails</code>, <code>ror</code></li>
<li>Scala — <code>scala</code></li>
<li>SQL — <code>sql</code></li>
<li>VB — <code>vb</code>, <code>vb.net</code></li>
<li>XML/HTML — <code>xml</code>, <code>html</code>, <code>xhtml</code>, <code>xslt</code></li>
</ul>
<p>This plugin uses the <a href="http://code.google.com/p/syntaxhighlighter/" rel="nofollow ugc">SyntaxHighlighter JavaScript package by Alex Gorbatchev</a>.</p>
<h3>Other BBCode Methods</h3>
<p>Find <code>[sourcecode language='css']code here[/sourcecode]</code> too long to type? Here’s some alternative examples:</p>
<ul>
<li><code>[source language='css']code here[/source]</code></li>
<li><code>[code language='css']code here[/code]</code></li>
<li><code>[sourcecode lang='css']code here[/sourcecode]</code></li>
<li><code>[source lang='css']code here[/source]</code></li>
<li><code>[code lang='css']code here[/code]</code></li>
<li><code>[sourcecode='css']code here[/sourcecode]</code></li>
<li><code>[source='css']code here[/source]</code></li>
<li><code>[code='css']code here[/code]</code></li>
<li><code>[lang='css']code here[/lang]</code></li>
<li><code>[css]code here[/css]</code> (or any of the supported language)</li>
</ul>
<p>Note: Quotation marks around the language can be omitted for even shorter and neater syntax. 🙂</p>


SyntaxHighlighter Plus

Easily post source code such as PHP or HTML and display it in a styled box.

redcocker

homolibere

<p>“SyntaxHighlighter TinyMCE Button” provides additional buttons for “Visual Editor(TinyMCE)” and these buttons will help to type or edit <code><pre></code> tag for Alex Gorbatchev’s SyntaxHighlighter.</p>
<p>This plugin is based on “<a href="https://wordpress.org/extend/plugins/codecolorer-tinymce-button/" title="homolibere developed" rel="ugc">CodeColorer TinyMCE Button</a>” and becomes more feature-rich.</p>
<h4>Features</h4>
<ul>
<li>You can operate in Visual Editor, No need to use HTML Editor.</li>
<li>Using two buttons, easy to wrap your code in <code><pre></code> tag and change options of previously-wrapped code.</li>
<li>Once your code is wrapped in <code><pre></code> tag, You can type ‘tabs’ for indent.</li>
<li>Localization: English(Default), 日本語(Japanese, UTF-8).</li>
</ul>
<h4>Compliant plugins</h4>
<p>You can use this plugin with following code syntax highlighter.</p>
<ul>
<li><a href="https://wordpress.org/extend/plugins/wp-syntaxhighlighter/" title="WP SyntaxHighlighter" rel="ugc">WP SyntaxHighlighter</a> (recommend)</li>
<li><a href="https://wordpress.org/extend/plugins/syntax-highlighter-compress/" title="Syntax Highlighter Compress" rel="ugc">Syntax Highlighter Compress</a></li>
<li><a href="https://wordpress.org/extend/plugins/auto-syntaxhighlighter/" title="Auto SyntaxHighlighter" rel="ugc">Auto SyntaxHighlighter</a></li>
<li><a href="https://wordpress.org/extend/plugins/syntax-highlighter-and-code-prettifier/" title="Syntax Highlighter and Code Colorizer for WordPress" rel="ugc">Syntax Highlighter and Code Colorizer for WordPress</a></li>
<li><a href="https://wordpress.org/extend/plugins/syntax-highlighter-mt/" title="Syntax Highlighter MT" rel="ugc">Syntax Highlighter MT</a></li>
<li><a href="https://wordpress.org/extend/plugins/syntaxhighlighterpro/" title="SyntaxHighlighterPro" rel="ugc">SyntaxHighlighterPro</a></li>
<li><a href="https://wordpress.org/extend/plugins/easy-google-syntax-highlighter/" title="Easy Google Syntax Highlighter" rel="ugc">Easy Google Syntax Highlighter</a></li>
<li><a href="https://wordpress.org/extend/plugins/syntaxhighlighter/" title="SyntaxHighlighter Evolved" rel="ugc">SyntaxHighlighter Evolved</a> etc.</li>
</ul>
<p>When using with “SyntaxHighlighter Evolved”, “Load All Brushes” option must be enabled on the “SyntaxHighlighter” setting panel.</p>
<p>This plugin has operating modes optimized for “WP SyntaxHighlighter”, “Syntax Highlighter Compress” or “SyntaxHighlighter Evolved”.</p>
<h4>Notes</h4>
<p>This plugin can work only with the default visual editor(TinyMCE). Other visual editors are not supported.</p>
<p>This plugin is designed to work with a plugin based on Alex Gorbatchev’s SyntaxHighlighter Ver, 2.0 or higher.</p>
<p>You can not use this plugin with some ‘SyntaxHighlighter’-based plugins which do not support <code><pre></code> tag.</p>


SyntaxHighlighter TinyMCE Button

"SyntaxHighlighter TinyMCE Button" provides buttons for Visual Editor and will help to type <pre> tag for SyntaxHighlighter.

SyntaxHighlighter Plus vs SyntaxHighlighter TinyMCE Button