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.

kioub

With support for the new block editor in WordPress 5.0!
SyntaxHighlighter Amplified allows you to easily post syntax-highlighted code to your site without losing its formatting or making any manual changes. It uses the <a href="https://github.com/scrivo/highlight.php" rel="nofollow ugc">highlight.php package by Geert Bergman</a> to render code on the server-side so it has no depedencies on extrenal Javascript libraries thus is compatible with AMP pages.
For a live demo, see <a href="https://www.javacodegeeks.com/syntaxhighlighter-amplified/" rel="nofollow ugc">this demo page</a>.
For a list of supported languages (most widely used languages are supported), see the <a href="http://en.support.wordpress.com/code/posting-source-code/" rel="nofollow ugc">WordPress.com support document</a>.
Development of this plugin is <a href="https://github.com/kioub78/syntaxhighlighter-amplified" rel="nofollow ugc">on GitHub</a>. See <a href="https://github.com/kioub78/syntaxhighlighter-amplified/issues" rel="nofollow ugc">list of current issues</a> with the plugin. Please feel free to file any additional issues or requests that you may come across. <a href="https://github.com/kioub78/syntaxhighlighter-amplified/pulls" rel="nofollow ugc">Pull requests</a> are welcome.
Translation of the plugin into different languages is on the <a href="https://translate.wordpress.org/projects/wp-plugins/syntaxhighlighter-amplified" rel="nofollow ugc">translation page</a>.
<h4>CREDITS</h4>
This is a fork of <a href="https://github.com/Automattic/syntaxhighlighter" rel="nofollow ugc">SyntaxHighligher Evolved</a> by <a href="https://alex.blog/" rel="nofollow ugc">Alex Mills</a> (Viper007Bond), which is also <a href="https://wordpress.org/plugins/syntaxhighlighter/" rel="ugc">available on WordPress.org</a>. Copyright (c) 2018 Alex Mills. Licensed under GPL 2.0 or later.
<a href="https://github.com/scrivo/highlight.php" rel="nofollow ugc">highlight.php</a> is released under the BSD 3-Clause License. Copyright © 2006-2013, Ivan Sagalaev (maniac@softwaremaniacs.org), highlight.js (original author). Copyright © 2013, Geert Bergman (geert@scrivo.nl), highlight.php

SyntaxHighlighter Amplified

Easily post syntax-highlighted code to your site without having to modify the code at all. Compatible with AMP pages.

Xhtheme Code Block vs SyntaxHighlighter Amplified