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.

Benoti

webstartup

<p>The plugin is based on the javascript library HighLight Js, it offers the possibility to choose among 70 styles of coloring. You can choose a default color in the back office. You can also add a widget to let the choice of coloring to visitors.</p>
<h4>Features Include</h4>
<ul>
<li>Add syntax highlighting to your code snippets.</li>
<li>Choose style from more than 50 choices.</li>
<li>A widget allows visitors to make their choice on the front</li>
</ul>
<h3>Configuration</h3>
<ol>
<li>Activate the plugin through the “Plugins” menu in WordPress.</li>
<li>Go to the plugin setting page and add the types of articles or add syntax highlighting.</li>
<li>Then choose a theme for the coloring, demo here :<a href="https://highlightjs.org/static/demo/" rel="nofollow ugc">HighLight JS</a>.</li>
<li>To let visitors change the coloring style, go to your dashboard to add the widget to the sidebar of your choice.</li>
<li>Finally, when you add a code in a publication, do not forget to check ON in the Syntax Highlighting metabox.</li>
</ol>
<h3>Credits</h3>
<ul>
<li>Pictures by <a href="https://www.helene-titre.com/" rel="nofollow ugc">Hélène titre</a> “graphic designer”</li>
</ul>


Syntax Highlighting

Exactly what I was looking for. Make the job

What I need

HighLight Code allows you to add syntax highlighting to the snippets contained in your articles. NOTE (beta): This plugin is very felt, it is still in …

Xhtheme Code Block vs Syntax Highlighting