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.

sumapress

pablocianes

<p>A simple block to the new WordPress editor Gutenberg to insert and show code with Ace Editor.</p>
<p>Now is very easy to share code in your own web with Gutenberg and this simple code block with the power of <a href="https://ace.c9.io/" rel="nofollow ugc">Ace</a>: the successor of the Mozilla Skywriter (Bespin) project.</p>
<p>Ace is an embeddable code editor written in JavaScript with the features and performance of native editors such as Sublime, Vim and TextMate.</p>
<p>For each block you can choose many languages and styles:</p>
<ul>
<li>Lot of languages avalaibles: html, php, css, javascript, python,…</li>
<li>Syntax highlighting with more than 20 themes to choose.</li>
<li>Other options to select the font size of the code and lines to show without scroll.</li>
</ul>
<p>What You See in the backend with Gutenberg editor Is What You Get! and the plugin only enqueue the selected assets to highlighting your code with your own selected options.</p>
<h4>1.1.0</h4>
<ul>
<li>Add option: show copy button</li>
<li>Add option: show or hide lines numbers</li>
<li>Improve Safari Browser compatibility</li>
<li>Add Bash/Shell language</li>
</ul>
<h4>1.2.0</h4>
<ul>
<li>Allow working without use of <?php tag</li>
<li>Improve WPO with better enqueue</li>
</ul>
<h3>Feedback and support</h3>
<p>I would be happy to receive your feedback to improve this plugin.<br />
Please let me know through <a href="https://wordpress.org/support/plugin/simple-code-block" rel="ugc">support forums</a> if you like it and please be sure to <a href="https://wordpress.org/support/plugin/simple-code-block/reviews/#new-post" rel="ugc">leave a review.</a>.</p>
<p>Also you can contact me on my personal page <a href="https://pablocianes.com/" rel="nofollow ugc">Pablo Cianes</a> or even visit <a href="https://github.com/PCianes/simple-code-block" rel="nofollow ugc">Github of Simple Code Block</a> where you can find all the development code of this plugin.</p>
<p>I hope it is useful for you and look forward to reading your reviews! 😉 Thanks!</p>


Simple Code Block

Simple yet powerful block for everyone who wants a code block

Thanks!

Works as advised

Perfect

Simple, Gutenberg enabled and good looking code blocks.

Much needed plugin

A simple block to insert code into Gutenberg.

Xhtheme Code Block vs Simple Code Block