Dmytro Shteflyuk

CodeColorer is the plugin which allows you to insert code snippets into the post with nice syntax highlighting.
Plugin based on GeSHi library, which supports most languages. CodeColorer has various nice features:
<ul>
<li>syntax highlighting in RSS feeds</li>
<li>syntax highlighting of a single line of code (inline)</li>
<li>syntax highlighting of code in comments</li>
<li>line numbers</li>
<li>automatic links to the documentation inserting</li>
<li>code block intelligent scroll detection (short code would have a short block, for a long one the block height would be fixed and a scrollbar would appear)</li>
<li>predefined color themes (Slush & Poppies, Blackboard, Dawn, Mac Classic, Twitlight, Vibrant Ink, Railscasts, Solarized Light, Solarized Dark)</li>
<li>syntax colors customization in CSS file</li>
<li>code protect from mangling by WordPress (for example, quotes, double-dashes, and others would look just right as you entered)</li>
</ul>
<h4>Support</h4>
If you have any suggestions, found a bug, wanted to contribute a translation to your language, or just wanted to say “thank you”,– feel free to email me <a href="mailto:kpumuk@kpumuk.info" rel="nofollow ugc">kpumuk@kpumuk.info</a>. Promise, I will answer every email I received.
If you want to contribute your code, see the Development section under the Other Notes tab.
<h3>Supported languages</h3>
Here is list of supported by CodeColorer languages: 4cs, 6502acme, 6502kickass, 6502tasm, 68000devpac, abap, actionscript, actionscript3, ada, aimms, algol68, apache, applescript, apt_sources, arm, asm, asp, asymptote, autoconf, autohotkey, autoit, avisynth, awk, bascomavr, bash, basic4gl, batch, bf, biblatex, bibtex, blitzbasic, bnf, boo, c, c_loadrunner, c_mac, c_winapi, caddcl, cadlisp, ceylon, cfdg, cfm, chaiscript, chapel, cil, clojure, cmake, cobol, coffeescript, cpp-qt, cpp-winapi, cpp, csharp, css, cuesheet, d, dart, dcl, dcpu16, dcs, delphi, diff, div, dos, dot, e, ecmascript, eiffel, email, epc, erlang, euphoria, ezt, f1, falcon, fo, fortran, freebasic, freeswitch, fsharp, gambas, gdb, genero, genie, gettext, glsl, gml, gnuplot, go, groovy, gwbasic, haskell, haxe, hicest, hq9plus, html4strict, html5, icon, idl, ini, inno, intercal, io, ispfpanel, j, java, java5, javascript, jcl, jquery, julia, julia, kixtart, klonec, klonecpp, kotlin, latex, lb, ldif, lisp, llvm, locobasic, logtalk, lolcode, lotusformulas, lotusscript, lscript, lsl2, lua, m68k, magiksf, make, mapbasic, mathematica, matlab, mercury, metapost, mirc, mk-61, mmix, modula2, modula3, mpasm, mxml, mysql, nagios, netrexx, newlisp, nginx, nimrod, nsis, oberon2, objc, objeck, ocaml-brief, ocaml, octave, oobas, oorexx, oracle11, oracle8, oxygene, oz, parasail, parigp, pascal, pcre, per, perl, perl6, pf, phix, php-brief, php, pic16, pike, pixelbender, pli, plsql, postgresql, postscript, povray, powerbuilder, powershell, proftpd, progress, prolog, properties, providex, purebasic, pycon, pys60, python, q, qbasic, qml, racket, rails, rbs, rebol, reg, rexx, robots, rpmspec, rsplus, ruby, rust, sas, sass, scala, scheme, scilab, scl, sdlbasic, smalltalk, smarty, spark, sparql, sql, standardml, stonescript, swift, systemverilog, tcl, tclegg, teraterm, texgraph, text, thinbasic, tsql, twig, typoscript, unicon, upc, urbi, uscript, vala, vb, vbnet, vbscript, vedit, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xbasic, xml, xojo, xorg_conf, xpp, xyscript, yaml, z80, zxbasic.
<h3>Development</h3>
Sources of this plugin are available both in SVN and Git:
<ul>
<li><a href="https://plugins.svn.wordpress.org/codecolorer/" rel="nofollow ugc">WordPress SVN repository</a></li>
<li><a href="https://github.com/kpumuk/codecolorer/" rel="nofollow ugc">GitHub</a></li>
</ul>
Feel free to check them out, make your changes and send me patches or pull requests. Promise, I will apply every patch (of course, if they add a value to the product). Email for patches, suggestions, or bug reports: <a href="mailto:kpumuk@kpumuk.info" rel="nofollow ugc">kpumuk@kpumuk.info</a>.
If you’re interested in translating CodeColorer to your language, please check out the <a href="https://translate.wordpress.org/projects/wp-plugins/codecolorer" rel="nofollow ugc">translation page</a> for the plugin.
<h3>Customization</h3>
Syntax coloring is highly customizable: you could change the color scheme for all languages or a specific language. You could find CodeColorer CSS in wp-content/plugins/codecolorer/codecolorer.css file. To change colors for all languages edit lines below Color scheme section.
There is simple mapping exists between Textmate color themes and CodeColorer ones:
<pre><code>/* "Slush & Poppies" color scheme (default) */
.codecolorer-container, .codecolorer { color: #000000; background-color: #F1F1F1; }
/* Comment */
.codecolorer .co0, .codecolorer .co1, .codecolorer .co2, .codecolorer .co3, .codecolorer .co4, .codecolorer .coMULTI { color: #406040; font-style: italic; }
/* Constant */
.codecolorer .nu0, .codecolorer .re3 { color: #0080A0; }
/* String */
.codecolorer .st0, .codecolorer .st_h, .codecolorer .es0, .codecolorer .es1 { color: #C03030; }
/* Entity */
.codecolorer .me1, .codecolorer .me2 { color: #0080FF; }
/* Keyword */
.codecolorer .kw1, .codecolorer .kw2, .codecolorer .sy1 { color: #2060A0; }
/* Storage */
.codecolorer .kw3, .codecolorer .kw4, .codecolorer .kw5, .codecolorer .re2 { color: #008080; }
/* Variable */
.codecolorer .re0, .codecolorer .re1 { color: #A08000; }
/* Global color */
.codecolorer .br0, .codecolorer .sy0 { color: #000000; }
</code></pre>
Check the codecolorer.css file to get more examples.

CodeColorer

CodeColorer is a syntax highlighting plugin which allows inserting code snippets into blog posts. The plugin supports color themes, code samples in RS …

Jan-Philip Gehrcke

• <a href="https://gehrcke.de/wp-geshi-highlight-demo/" rel="nofollow ugc">Live demo</a>
• Highlights:
<ul>
<li>Supports <a href="https://github.com/GeSHi/geshi-1.0/tree/v1.0.9.1/src/geshi" rel="nofollow ugc">259 languages</a>.</li>
<li>Server-side. Saves bandwidth, latency, and battery compared to client-side rendering.</li>
<li>Near-zero load on the backend. With a caching solution this does not affect your page load time at all.</li>
<li>Line numbering. If you want to (no vertical displacements between code line and line number).</li>
<li>Default style was tested with more than 20 themes, including Twenty Ten to Fifteen, and tweaked based on a bunch of user feedback.</li>
<li>If you’d like to tweak the style: just provide your own CSS file. Styles are highly & easily configurable.</li>
<li>Per-block styles: each code block on a single page can be styled on its own (if that is something you would liked to do).</li>
<li>Clean, small and valid HTML output.</li>
<li>Well-documented source code using modern WordPress API calls.</li>
<li>I have maintained this plugin for several years and I plan to continue to provide support.</li>
<li>Based on <a href="http://qbnz.com/highlighter/" rel="nofollow ugc">GeSHi</a>, a reliable and well-established PHP highlighting engine, used by popular community forum applications such as phpBB or wiki applications such as Dokuwiki or MediaWiki.</li>
</ul>
WP-GeSHi-Highlight works as a drop-in replacement for <a href="https://wordpress.org/extend/plugins/wp-syntax/" rel="ugc">WP-Syntax</a>, which does not seem to be maintained anymore (as of 2015). Make the switch, it should just work (let me know how it went)!
• Usage:
WordPress 5 users: for now I have tested this plugin only with the <a href="https://wordpress.org/plugins/classic-editor/" rel="ugc">Classical Editor</a>. Gutenberg is not yet supported (it may work though, let me know).
Recommendation: use the “Text” (raw) editor. Do not use the “Visual” editor. Switching between both may corrupt the contents of your code blocks.
In the text editor insert code blocks as <code>pre</code> blocks, and use the <code>lang</code> argument to define the language of the code snippet:
<pre><code><pre lang="language">
 CODE
</pre>
</code></pre>
A short example for the <code>bash</code> language:
<pre><code><pre lang="bash">
 $ dd if=/dev/zero of=image.ext3 bs=1M count=10000 oflag=append conv=notrunc
</pre>
</code></pre>
Publish/preview, and have a look at the result!
Also check out the reference documentation for all available options. You can find it on the <a href="https://gehrcke.de/wp-geshi-highlight" rel="nofollow ugc">plugin’s website</a>. Note that more usage examples can be found on the <a href="https://gehrcke.de/wp-geshi-highlight-demo/" rel="nofollow ugc">demo website</a>.
• Issues:
A bunch of websites have used this plugin for years, and it seems to serve its purpose well. If you find an issue please let me know: drop a <a href="mailto:jgehrcke@googlemail.com" rel="nofollow ugc">mail</a> or leave a <a href="http://gehrcke.de/wp-geshi-highlight" rel="nofollow ugc">comment</a>.
• Theme compatibility of the default style sheet:
The default style sheet was tested with recent versions of all official themes (Twenty Ten to Twenty Fifteen), and with a large range of non-official themes such as Vantage, Customizr, ColorWay, Zerif Lite, Responsive, Storefront, Virtue, evolve, Make, Sparkling, Spacious, Enigma, Sydney, Point, Interface, SinglePage.
Certain themes might define styles with a high specificity that negatively affect the visual code block appearance. It is difficult to impossible to anticipate all these cases in advance, so I expect this to happen in rare cases (the past has proven that these things happen). So, I need you to look out for these situations, and please report them!

WP-GeSHi-Highlight — rock-solid syntax highlighting for 259 languages

Simple. Fast. 259 languages. Mobile-friendly. Rock-solid (GeSHi).

CodeColorer vs WP-GeSHi-Highlight — rock-solid syntax highlighting for 259 languages