mohamad wael

A syntax highlighter using PrismJs.
<h3>How To Use</h3>
Wrap your pre tag as shown below:
<pre>
[sh_prismjs_pre class="language-py line-numbers match-braces rainbow-braces" data_line="1,4-5,7" escape_html='escape']
<pre> 
class Implements_Ne:
 ''' A class which implements 
 the __ne__ method '''
 def __ne__( self, other):
 return False

class Not_Implements_Ne:
 ''' A class which does not
 implement the __ne__
 method '''
 pass
</pre>
[/sh_prismjs_pre]
</pre>
<ul>
<li>Replace name in language-NAME, by the name of the language that you wish to highlight. For example if the language is python, language-NAME should become language-py .</li>
<li>If you wish line numbers to appear, use line-numbers . </li>
<li>If you wish braces to be matched when selected use match-braces . </li>
<li>If you wish to have rainbow braces use rainbow-braces . </li>
<li>If you wish to highlight lines, you can use data_line, so in the example provided, colorize line 1, and colorize lines from 4 to 5, and colorize line 7. </li>
<li>If you wish the content of the pre to be escaped, so for example if it contains html tags that you do not wish to be rendered, you can use escape_html=’escape’</li>
</ul>
For code tags, they also should be wrapped as follows:
<pre>
[sh_prismjs_code class="language-html" escape_html='escape']<code>tag: </code>[/sh_prismjs_code]
</pre>
You must use the language-Name option, and you can use the escape_html option.

Syntax Highlighter with PrismJS

Nico

Despite two plugins already on wordpress.org I decided to write my own from scratch. The result is a minimalistic but powerful plugin with only ~250 lines of PHP.
<ul>
<li>Supports every possible Prism configuration.</li>
<li>Adds TinyMCE dropdown lost for <code><code class="language-xxx"> and <pre class="language-xxx"></code> for bash, css, js, markup, php, scss. (I can make a filter if you want to add more.)</li>
<li>Does not load prism on every page, only when needed.</li>
<li>Supports automatic detection of prism HTML.</li>
<li>Supports displaying code from custom fields with <code>[prism]</code> shortcode.</li>
<li>Developers may use the <code>prism</code> handle to enqueue the pre-registered script and style.</li>
<li>Has admin editor button for quick shortcode template snippet.</li>
<li>Has no options page by design.</li>
<li>Read more -> <a href="http://nextgenthemes.com/plugins/prism-syntax-highlighter-for-wordpress/" rel="nofollow ugc">Prism Syntax Highlighter for WordPress</a></li>
</ul>
Bundled Prism Version (2016-09-17)
Link: http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+bash+less+php&plugins=line-highlight+line-numbers+wpd+show-language
Skin: Okaida
Languages
<ul>
<li>Markup</li>
<li>CSS</li>
<li>C-like</li>
<li>JavaScript</li>
<li>Bash</li>
<li>PHP</li>
<li>Sass (Scss)</li>
</ul>
Plugins
<ul>
<li>Line Highlight</li>
<li>Line Numbers</li>
<li>WebPlatform Docs</li>
<li>Show Language</li>
</ul>

Prism Syntax Highlighter for WordPress

Not working

Most lightweight, yet most configurable and advanced PrismJS WordPress integration plugin. Custom fields display (detached) supported.

Syntax Highlighter with PrismJS vs Prism Syntax Highlighter for WordPress