xhtheme

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.
<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>
Alpine.js:
<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>
Prism.js:
<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>
The source code for <code>build/index.js</code> can be found in the <code>block-code/src</code> directory.

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.

kartikaykanojia

A code syntax highlighter an easy to use source code embedding in wordpress with different(55) themes with 172 languages. 
It uses dynamic script loading to load only essential javascript to render code syntax highliting. 
It uses most powerfull open source library CodeMirror as engine.
Features
<ul>
<li>Dynamic script loading to minimize load time and http call</li>
<li>172 language support</li>
<li>172 shortcodes</li>
<li>Shortcode picker in editor</li>
<li>Lightweight language selector</li>
<li>Multiple Theme support</li>
<li>55 Themes</li>
<li>Theme manager</li>
<li>Theme uploader (Upload your own theme)</li>
<li>Compatible with all WordPress themes</li>
<li>Fast and secure</li>
<li>Cross browser compatible</li>
<li>Line numbering</li>
<li>A powerful, composable language system</li>
<li>Bracket and tag matching</li>
<li>Line selector</li>
<li>Able to resize to fit content</li>
</ul>
Minimum system requirements:
<ul>
<li><a href="https://php.net" rel="nofollow ugc">PHP</a> version 5.2 or higher.</li>
<li><a href="https://www.mysql.com" rel="nofollow ugc">MySQL</a> version 5.0 or higher.</li>
</ul>
Recommended system requirements:
<ul>
<li><a href="https://php.net" rel="nofollow ugc">PHP</a> version 7.0 or higher.</li>
<li><a href="https://www.mysql.com" rel="nofollow ugc">MySQL</a> version 5.6 or higher.</li>
</ul>
Credits
<ul>
<li>The banner of plugin is a copyrighted image created by the <a href="http://www.briskjab.com" rel="nofollow ugc">Briskjab</a>. (C) All rights reserved.</li>
<li><a href="https://codemirror.net/" rel="nofollow ugc">CodeMirror</a> is an open-source project shared under the <a href="https://codemirror.net/LICENSE" rel="nofollow ugc">MIT license</a>.</li>
</ul>

Code Syntax Highlighter

A simple dynamic loading syntax highlighter.Supports 172 languages, 172 shortcodes and 55 themes.

Xhtheme Code Block vs Code Syntax Highlighter