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

GuiTeK

WP Prism Syntax Highlighter enables you to use <a href="http://prismjs.com" rel="nofollow ugc">Prism</a> by <a href="http://lea.verou.me" rel="nofollow ugc">Lea Verou</a> in your WordPress blog.
<blockquote>
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.
</blockquote>
<ul>
<li>It has an easy and convenient code editor integrated into the WordPress editor toolbar: you can insert code in just one click.</li>
<li>It requires no configuration at all, however you can still customize the default settings in the plugin’s settings page.</li>
</ul>
It supports all Prism features, namely:
<ul>
<li>Syntax highlighting (30+ languages)</li>
<li>Custom themes (6 official themes)</li>
<li>Plugins (7 official plugins: <a href="http://prismjs.com/plugins/line-highlight" rel="nofollow ugc">Line Highlight</a>, <a href="http://prismjs.com/plugins/line-numbers" rel="nofollow ugc">Line Numbers</a>, <a href="http://prismjs.com/plugins/show-invisibles" rel="nofollow ugc">Show Invisibles</a>, <a href="http://prismjs.com/plugins/autolinker" rel="nofollow ugc">Autolinker</a>, <a href="http://prismjs.com/plugins/wpd" rel="nofollow ugc">WebPlatform Docs</a>, <a href="http://prismjs.com/plugins/file-highlight" rel="nofollow ugc">File Highlight</a>, <a href="http://prismjs.com/plugins/show-language" rel="nofollow ugc">Show Language</a>)</li>
</ul>
NOTE: the plugin archive contains
<ul>
<li>all languages definitions</li>
<li>no plugin</li>
<li>default theme</li>
</ul>
It is recommended to use only what you need in order to keep the plugin the smallest possible. 
Please download your custom Prism from http://prismjs.com/download.html and upload the files in:
<ul>
<li>your_plugin_directory/wp-prism-syntax-highlighter/css/</li>
<li>your_plugin_directory/wp-prism-syntax-highlighter/js/ 
Do NOT replace the original prism.css and prism.js, you will lose all your changes as they get overwritten when updating the plugin!</li>
</ul>
Help 
Wondering how to install the plugin? Visit the Installation page. 
Want to see the plugin in action? Click Screenshot above. 
Got any question? See the FAQ.
Contribute 
Both Prism and this plugin are distributed under the MIT license and are developed during our free time. Any help, even a bug report, is much appreciated! 
To contribute:
<ul>
<li>Prism: https://github.com/LeaVerou/prism</li>
<li>Plugin: https://github.com/GuiTeK/wp-prism-syntax-highlighter</li>
</ul>
Why another Prism plugin? 
If you searched the plugin directory, you certainly noticed that there are several Prism plugins for WordPress. Well, none of them satisfied me: one plugin had no code editor, the other didn’t escape HTML tags, another didn’t have the options I needed… so I made a new one to suit my needs.

WP Prism Syntax Highlighter

A lightweight and convenient plugin to integrate Prism Syntax Highlighter into WordPress.

Syntax Highlighter with PrismJS vs WP Prism Syntax Highlighter