apfelbox

<p>Integrates the <a href="https://github.com/LeaVerou/prism" rel="nofollow ugc">Prism Syntax Highlighting Library</a> in WordPress.</p>
<p>It is called <em>detached</em>, since the code examples are not stuffed into the rich text editor, together with all the<br />
other texts and content, but they are added separately as custom fields and just referenced via short tags (like footnotes).</p>
<p>Check <em>Other Notes</em> for usage documentation.</p>
<p>The official development repository is <a href="https://github.com/apfelbox/Prism-Detached" rel="nofollow ugc">hosted on Github</a>.</p>
<h3>Usage</h3>
<p>The basic procedure is:</p>
<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 (<strong>required</strong>)</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>
<p>The plugin includes (from v1.3 on) a cached assets loader, so that all needed assets are concatenated into<br />
one js and one css file to minimize the HTTP requests.<br />
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.</p>
<h4>Supported languages</h4>
<p>Only the ones from the official PrismJS repository</p>
<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>
<p>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>.</p>


Prism Syntax Highlighter (detached)

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

Nico

<p>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.</p>
<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><strong>Read more -></strong> <a href="http://nextgenthemes.com/plugins/prism-syntax-highlighter-for-wordpress/" rel="nofollow ugc">Prism Syntax Highlighter for WordPress</a></li>
</ul>
<p>Bundled Prism Version (2016-09-17)</p>
<p>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</p>
<p>Skin: Okaida</p>
<p>Languages</p>
<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>
<p>Plugins</p>
<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.

Prism Syntax Highlighter (detached) vs Prism Syntax Highlighter for WordPress