mattshelton

<p>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:</p>
<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>
<p>There are two methods of use:</p>
<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>
<p>To use, add a <code>#!</code> line as the first line of your code example with the language you are using:</p>
<pre><code>#!ruby
class Foo < Bar
  def hello
    puts "Hello World!"
  end
end
</code></pre>
<p>The <code>#!</code> is removed, and the code is reformatted as:</p>
<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>
<p>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</p>
<pre><code>#!!{"brush":"ruby","toolbar":"true","highlight":"[2,3,4]"}
class Foo < Bar
  def hello
    puts "Hello World!"
  end
end
</code></pre>
<p>The <code>#!!</code> is removed, and the parameters are interpreted into a CSS class string as:</p>
<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.

Kaspars

<p>Uses a customized version of the <a href="https://github.com/kasparsd/code-prettify-lib/pull/1" rel="nofollow ugc">Code Prettify library</a> to support local styles and scripts. Plugin applies code highlighting automatically to all <code><pre></code> tags on the page.</p>
<p><strong>Compatible with Gutenberg and doesn’t lock you in with specific markup requirements.</strong></p>
<h4>Development</h4>
<p>Plugin development <a href="https://github.com/kasparsd/code-prettify" rel="nofollow ugc">on GitHub</a>.</p>
<h4>Credits</h4>
<p>Created and maintained by <a href="https://kaspars.net" rel="nofollow ugc">Kaspars Dambis</a>. All of my open source work is available <a href="https://github.com/kasparsd" rel="nofollow ugc">on GitHub</a>.</p>
<p>Use Contact Form 7? <a href="http://preseto.com/go/cf7-storage" rel="nofollow ugc">Storage for Contact Form 7</a> is my commercial plugin (GPL license) for storing all form submissions in your WordPress database.</p>
<p>Cover photo by <a href="https://www.flickr.com/photos/110751683@N02/13334080323/" rel="nofollow ugc">Yuri Samoilov</a></p>


Code Prettify

I tried to use this plugin in WP 5.0.2 and it works. I got an issue with Litespeed cache configuration and seems we should exclude this plugin javascript from an optimization process. Then you will be fine!

It works as expected!

Perfect. Automatic.

Finally a plugin that works with the outdated "Crayon Syntax Highlighter" plugin

So I don't have to mess around with every post.

Good replacement

Your plugin makes me very secure and happy to use because it doesn't make me dependent, I can disable it without affecting the articles. Good job.

I just hope you can keep the plugin up to date to be compatible with new versions of WordPress.

Thank you!

Please keep update to compatible with WordPress version

100% automatic code highlighting using the Prettify library. No shortcodes, no classnames, fully automatic and pure awesome.

WP-Markdown-SyntaxHighlighter vs Code Prettify