apfelbox

Integrates the <a href="https://github.com/LeaVerou/prism" rel="nofollow ugc">Prism Syntax Highlighting Library</a> in WordPress.
It is called detached, since the code examples are not stuffed into the rich text editor, together with all the 
other texts and content, but they are added separately as custom fields and just referenced via short tags (like footnotes).
Check Other Notes for usage documentation.
The official development repository is <a href="https://github.com/apfelbox/Prism-Detached" rel="nofollow ugc">hosted on Github</a>.
<h3>Usage</h3>
The basic procedure is:
<ol>
<li>Create a custom field and paste the code into it.</li>
<li>Insert the <code>[prism ...]</code> shorttag in your code, where you want the code block to appear.</li>
</ol>
<h4>Shorttag</h4>
<pre><code>[prism key=".." language=".." line=".." line_offset=".." post=".."]
</code></pre>
<ul>
<li><code>key</code>: the name of the custom field, which contains the code (required)</li>
<li><code>language</code>: the language to highlight</li>
<li><code>line</code>: highlighted lines (for syntax, check the <a href="http://prismjs.com/plugins/line-highlight/" rel="nofollow ugc">offical docs</a>)</li>
<li><code>line_offset</code>: the offset, with which the line numbering should start</li>
<li><code>post</code>: if you want to include a code piece of another post, you can explicitly specify the post id here</li>
</ul>
<h4>Cached Assets loader</h4>
The plugin includes (from v1.3 on) a cached assets loader, so that all needed assets are concatenated into 
one js and one css file to minimize the HTTP requests. 
To make use of the cached assets loader, just create a directory <code>/cache/</code> inside your plugin directory and make it writable for PHP.
<h4>Supported languages</h4>
Only the ones from the official PrismJS repository
<ul>
<li>bash (Bash Unix Shell)</li>
<li>c</li>
<li>clike</li>
<li>coffeescript</li>
<li>cpp (C++)</li>
<li>css</li>
<li>groovy</li>
<li>java</li>
<li>javascript</li>
<li>markup (like: xHTML, MathML, SVG, LaTeX, RSS, XML, OWL, etc.)</li>
<li>php</li>
<li>python</li>
<li>scss (Sassy CSS)</li>
<li>sql</li>
</ul>
<h4>Creating Custom Extensions</h4>
Please read the wiki page: <a href="https://github.com/apfelbox/Prism-Detached/wiki/Creating-A-Custom-Extension" rel="nofollow ugc">Creating A Custom Extension</a>.

Prism Syntax Highlighter (detached)

Adds Prism Syntax Highlighting to WordPress, using custom fields for your code examples.

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.

Prism Syntax Highlighter (detached) vs WP Prism Syntax Highlighter