Akinori MUSHA

This plug-in adds download facility to 
<a href="https://wordpress.org/extend/plugins/wp-syntax/" rel="ugc">WP-Syntax</a>, putting a 
pretty caption to each syntax highlighted code snippet, which contains 
a permalink anchor and a couple of action buttons: “raw” and 
“download”.
The usage is easy. You just put an attibute <code>filename="..."</code> to 
a <code><pre></code> element and the snippet will have a caption.
I strongly recommend that you use the <a href="https://wordpress.org/extend/plugins/tinymce-valid-elements/" rel="ugc">TinyMCE Valid 
Elements</a> 
plug-in to make the non-standard attributes of the <code><pre></code> element 
treated as valid and get preserved in the visual editor. Configure it 
so that the <code>pre</code> element can have the following attributes:
<ul>
<li><code>class</code></li>
<li><code>dir</code></li>
<li><code>escaped</code></li>
<li><code>filename</code></li>
<li><code>highlight</code></li>
<li><code>id</code></li>
<li><code>lang</code></li>
<li><code>line</code></li>
<li><code>style</code></li>
<li><code>title</code></li>
<li><code>wrap</code></li>
</ul>
You can alter the visual style of captions with CSS via admins menu. 
This plug-in was first developed for PHP 5.2.12 and is currently 
tested only with 5.4. It will never work with PHP 4.
<h3>License</h3>
Copyright (c) 2010-2024 Akinori MUSHA
All rights reserved.
Redistribution and use in source and binary forms, with or without 
modification, are permitted provided that the following conditions 
are met:
<ol>
<li>
Redistributions of source code must retain the above copyright 
notice, this list of conditions and the following disclaimer.
</li>
<li>
Redistributions in binary form must reproduce the above copyright 
notice, this list of conditions and the following disclaimer in the 
documentation and/or other materials provided with the distribution.
</li>
</ol>
THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS “AS IS” AND 
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE 
ARE DISCLAIMED. IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE 
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL 
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS 
OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) 
HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT 
LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY 
OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF 
SUCH DAMAGE.

WP-Syntax Download Extension

This plug-in makes WP-Syntax highlighted code snippets downloadable from nice captions.

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.

WP-Syntax Download Extension vs Prism Syntax Highlighter (detached)