Kaspars

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.
Compatible with Gutenberg and doesn’t lock you in with specific markup requirements.
<h4>Development</h4>
Plugin development <a href="https://github.com/kasparsd/code-prettify" rel="nofollow ugc">on GitHub</a>.
<h4>Credits</h4>
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>.
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.
Cover photo by <a href="https://www.flickr.com/photos/110751683@N02/13334080323/" rel="nofollow ugc">Yuri Samoilov</a>

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.

dwhitevisoft

For years I’ve used <a href="http://alexgorbatchev.com/SyntaxHighlighter/" rel="nofollow ugc">Alex Gorbatchev’s SyntaxHighlighter</a>. It has served me well over the years. When I moved to WordPress I tried various plugins based on the library, such <a href="https://wordpress.org/extend/plugins/syntaxhighlighter/" rel="ugc">SyntaxHighlighter Evolved</a>.
I’ve decided to start blogging using <a href="http://daringfireball.net/projects/markdown/" rel="nofollow ugc">Markdown</a>. Making this move I needed to find a way to highlight various bits of source code in an easy way. There are many nice libraries that make this a snap, such as <a href="http://code.google.com/p/google-code-prettify/" rel="nofollow ugc">google-code-prettify</a> or <a href="http://softwaremaniacs.org/soft/highlight/en/" rel="nofollow ugc">highlight.js</a>. In the end I decided to go with highlight.js, for the simple reason that it is automatic, working flawlessly with Markdown’s code syntax output.
Great, but my existing source code examples use SyntaxHighlighter’s style for code blocks (using <code><pre class="brush: ruby;" /></code>, for example). I could have converted things in a few ways:
<ul>
<li>Change the database</li>
<li>Write a JS script to convert the <code><pre /></code> structure to <code><pre><code /></pre></code></li>
<li>Write a JS script to call highlight.js’ <code>highlightBlock</code> method</li>
<li>Write a WP plugin and reformat things easily Ding Ding Ding</li>
</ul>
So there you have it. This WordPress plugin will go through and process your SyntaxHighlighter style blocks into ones that highlight.js works with out-of-the-box. It will also add the language that you have specified with the <code>brush</code> class and add it as a class on the <code><code /></code> element (<a href="http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-code-element" rel="nofollow ugc">following the HTML5 recommendation</a>). Nothing is changed in the DB, so if you decide to go back to SyntaxHighlighter, you can without any issues.
<h3>GeSHi</h3>
This plugin now supports conversion of <a href="http://qbnz.com/highlighter/" rel="nofollow ugc">GeSHi</a> style code blocks! Now you can move from plugins such as <a href="https://wordpress.org/extend/plugins/wp-syntax/" rel="ugc">WP-Syntax</a> and <a href="https://wordpress.org/extend/plugins/wp-geshi-highlight" rel="ugc">WP-GeSHi-Highlight</a> to highlight.js.
GeSHi uses the syntax that is close to SyntaxHighlighter, except instead of putting the language in the <code>class</code> attribute, it uses the <code>lang</code> attribute. Similar to the SyntaxHighligher conversion, it will go through and process your GeSHi style blocks into ones that highlight.js works with out-of-the-box. It will also add the language that you have specified with the <code>lang</code> attribute and add it as a <code>class</code> on the <code><code /></code> element.

Goodbye Syntax Highlighter

For years I've used Alex Gorbatchev's SyntaxHighlighter. It has served me well over the years. When I moved to WordPress I tried various plu …

Code Prettify vs Goodbye Syntax Highlighter