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

dwhitevisoft

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 …

Luis Sacristán

Snippets Block

Allows to add snippets blocks to your content: Javascript, CSS, HTML...

PiotrPress

Clearcode

CC-Syntax-Highlight

This plugin allows you very simply syntax highlight source code in your content using highlight.js or google-code-prettify libraries.

JHoppe

Markdown Shortcode

Damn simple markdown for wordpress via shortcode, uses parsedown (parsedown.org) and highlight.js (highlightjs.org).

Raunak Gupta

Vaaky Highlighter

Simple yet elegant syntax or code highlighter based on highlight.js. It allows you to add engaging snippet code blocks.

Web Guy

Dark Code

Benoti

webstartup

Syntax Highlighting

HighLight Code allows you to add syntax highlighting to the snippets contained in your articles. NOTE (beta): This plugin is very felt, it is still in …

snowbedding

Easy Syntax Highlighter

Modern, lightweight syntax highlighter for WordPress using Highlight.js

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.

Alternatives to WP-Markdown-Syntax-Sugar

Top alternatives