mattshelton

WP-Markdown-SyntaxHighlighter is intended to work with the <a href="https://wordpress.org/extend/plugins/wp-markdown/" rel="ugc">wp-markdown</a> and <a href="http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/" rel="nofollow ugc">SyntaxHighlighter Evolved</a> plugins as follows:
<ul>
<li>WP-Markdown can automatically use <a href="http://code.google.com/p/google-code-prettify/" rel="nofollow ugc">Prettify.js</a> to format code, but if you prefer <a href="http://alexgorbatchev.com/SyntaxHighlighter/" rel="nofollow ugc">Alex Gorbatchev’s SyntaxHighlighter</a>, this plugin will re-format the Markdown-formatted code blocks to be properly styled by SyntaxHighlighter directly or SyntaxHighlighter Evolved via plugin.</li>
<li>SyntaxHighlighter Evolved uses SyntaxHighlighter and additional extended functionality to display code blocks in an easily readable manner.</li>
</ul>
There are two methods of use:
<ol>
<li>Add a <code>#!</code> line to your code example and specify the language (brush) only</li>
<li>Add a <code>#!!</code> line to your code example and specify any/all supported parameters via a JSON object</li>
</ol>
<h4>Simple Method</h4>
To use, add a <code>#!</code> line as the first line of your code example with the language you are using:
<pre><code>#!ruby
class Foo < Bar
 def hello
 puts "Hello World!"
 end
end
</code></pre>
The <code>#!</code> is removed, and the code is reformatted as:
<pre><code><pre class="brush:ruby; notranslate" title="">class One < Two
 def hello
 puts "Hello World!"
 end
end</pre>
</code></pre>
<h4>Full Method</h4>
To use, add a <code>#!!</code> line as the first line of your code example, with any of the supported SyntaxHighlighter parameters as a JSON object
<pre><code>#!!{"brush":"ruby","toolbar":"true","highlight":"[2,3,4]"}
class Foo < Bar
 def hello
 puts "Hello World!"
 end
end
</code></pre>
The <code>#!!</code> is removed, and the parameters are interpreted into a CSS class string as:
<pre><code><pre class="brush: ruby; toolbar: true; highlight: [2,3,4]; notranslate">class Foo < Bar
 def hello
 puts "Hello World!"
 end
end</pre>
</code></pre>
<h3>TODO</h3>
<ul>
<li>Consider adding support to toggle ‘notranslate’</li>
</ul>

WP-Markdown-SyntaxHighlighter

WP-Markdown-SyntaxHighlighter works in conjunction with Markdown-formatted code blocks and SyntaxHighlighter to properly format code.

dwhitevisoft

WP Markdown Syntax Sugar work in conjunction with plugins such as <a href="https://wordpress.org/extend/plugins/wp-markdown/" rel="ugc">wp-markdown</a> 
and <a href="https://wordpress.org/extend/plugins/wp-highlightjs/" rel="ugc">wp-highlight.js</a>. Markdown is fantastic markup for easily 
writing blogs, and <a href="http://softwaremaniacs.org/soft/highlight/en/" rel="nofollow ugc">highlight.js</a> is an extremely easy way to highlight 
code examples. In most cases, highlight.js automatically detects the proper language for a block of code. In certain 
cases, primarily if your code example is short, highlight.js could improperly detect the language that you are using; 
that is where this plugin comes into play. By adding one line to your code blocks, you can explicitly set the language 
that you are using, allowing highlight.js to properly format your code.
The concept is inspired by the <a href="https://github.com/spjwebster/wp-markdown-syntax-highlight" rel="nofollow ugc">wp-markdown-syntax-highlight</a> 
plugin.
The usage is extremely simple. Just add a shebang as the first line of your code example with the language you are using.
<pre><code>#!ruby
class Foo < Bar
 def hello
 puts "Hello World!"
 end
end
</code></pre>
The shebang is removed, and the code is outputted as:
<pre><code><pre><code class="language-ruby">class Foo < Bar
 def hello
 puts "Hello World!"
 end
end</code></pre>
</code></pre>
Now the code block is properly formatted for highlight.js to do its magic, and the code snippet will be properly 
highlighted.

WP-Markdown-Syntax-Sugar

WP Markdown Syntax Sugar is a simple plugin that works in conjunction with Markdown code blocks and highlight.js to properly format code.

WP-Markdown-SyntaxHighlighter vs WP-Markdown-Syntax-Sugar