xhtheme

<p>Xhtheme Code Block is a plugin for adding code blocks to your WordPress site, supporting syntax highlighting and adapting to the theme’s light and dark mode switching.</p>
<ul>
<li>Supports syntax highlighting for multiple programming languages.</li>
<li>Allows selection of light, dark, or auto mode.</li>
<li>Supports custom filename display.</li>
</ul>
<h3>External Libraries</h3>
<ul>
<li>
<p><strong>Alpine.js</strong>:</p>
<ul>
<li>Version: 3.x.x</li>
<li>Source: <a href="https://alpinejs.dev/" rel="nofollow ugc">Alpine.js Official Website</a></li>
<li>Description: Alpine.js is a lightweight JavaScript framework for adding interactivity to HTML. It is used in the Xhtheme Code Block plugin to manage the reactive state of the settings page, allowing for dynamic updates and user interactions without the need for page reloads.</li>
</ul>
</li>
<li>
<p><strong>Prism.js</strong>:</p>
<ul>
<li>Version: 1.x.x</li>
<li>Source: <a href="https://prismjs.com/" rel="nofollow ugc">Prism.js Official Website</a></li>
<li>Description: Prism.js is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It is used in the Xhtheme Code Block plugin to provide syntax highlighting for a wide range of programming languages.</li>
</ul>
</li>
</ul>
<h3>Source Code</h3>
<p>The source code for <code>build/index.js</code> can be found in the <code>block-code/src</code> directory.</p>


Xhtheme Code Block

A plugin to add code blocks with syntax highlighting to your WordPress site, and adapt to the theme's light and dark mode switching.

podpirate

<p>“WordPress Rainbow Hilite” is no longer maintained. If you are interested in taking over the plugin, please leave a notice in the [github issues](https://github.com/mcguffin/wp-rainbow-hilite/issues).</p>
<p>If you like to use</p>
<p>Code syntax Highlighting. Documentation can be found <a href="http://wpdev.podpirate.org/wordpress-rainbow-hilite" rel="nofollow ugc">here</a>.</p>
<h4>Features:</h4>
<ul>
<li>Highlighted code can be copy-pasted directly out of the site. No “view raw” button needed.</li>
<li>User friendly TinyMCE integration.</li>
<li>Many programming languages supported.</li>
</ul>
<p>Includes <a href="http://craig.is/making/rainbows" rel="nofollow ugc">rainbow.js</a> a syntax highlighting script written by <a href="http://craig.is/" rel="nofollow ugc">Craig Campbell</a>.<br />
Line numbering through <a href="https://github.com/Sjeiti/rainbow.linenumbers" rel="nofollow ugc">rainbow.linenumbers</a> by <a href="http://www.sjeiti.com/" rel="nofollow ugc">Ron Valstar</a>.</p>
<p>Currently supported languages by Rainbow are</p>
<ul>
<li>C</li>
<li>C#</li>
<li>Coffeescript</li>
<li>CSS</li>
<li>D</li>
<li>Go</li>
<li>Haskell</li>
<li>HTML</li>
<li>Java</li>
<li>Javascript</li>
<li>Lua</li>
<li>PHP</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Scheme</li>
<li>Shell</li>
<li>Smalltalk</li>
</ul>
<p>There are some Hooks implemented allowing you to load your own language modules. Details <a href="https://github.com/mcguffin/wp-rainbow-hilite/wiki" rel="nofollow ugc">here</a>.</p>
<p>Latest files on <a href="https://github.com/mcguffin/wp-rainbow-hilite" rel="nofollow ugc">GitHub</a>.</p>
<h3>Plugin API</h3>
<p>The plugin offers some filters to allow themes and other plugins to hook in.</p>
<p>See <a href="https://github.com/mcguffin/wp-rainbow-hilite" rel="nofollow ugc">GitHub-Repo</a> for details.</p>


WordPress Rainbow Hilite

As developer I need to post code snippets from time to time and this plugin helps me to highlight the code nicely. Without a large overhead this plugin only enqueues style and js, which is nice to reduce the load.
Thx :)



Works perfectly

NO LONGER MAINTAINED Code Syntax highlighting using rainbow

Xhtheme Code Block vs WordPress Rainbow Hilite