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.

Automattic

Alex Mills

Donncha O Caoimh (a11n)

Now with support for the new block editor in WordPress 5.0!
SyntaxHighlighter Evolved 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="http://alexgorbatchev.com/wiki/SyntaxHighlighter" rel="nofollow ugc">SyntaxHighlighter JavaScript package by Alex Gorbatchev</a>.
For a live demo, see <a href="https://alex.blog/wordpress-plugins/syntaxhighlighter/" rel="nofollow ugc">this plugin’s homepage</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/Automattic/syntaxhighlighter" rel="nofollow ugc">on GitHub</a>. 
Translation of the plugin into different languages is on the <a href="https://translate.wordpress.org/projects/wp-plugins/syntaxhighlighter" rel="nofollow ugc">translation page</a>.
<a href="http://en.blog.wordpress.com/2009/12/02/better-source-code-posting/" rel="nofollow ugc">As seen on WordPress.com.</a>

SyntaxHighlighter Evolved

Just what I was looking for.
Thank you guys.

Perfect

I'm a longtime user of syntaxhighlighter evolved, so thanks for the excellent plugin!

The only downside I've recently experienced is the lack of bbPress integration, hence 4 stars rather than 5. If you need this for non-bbPress projects, this is a great choice.

longtime fan, but no bbpress support


It works and show code beautifully on pages, But if you copied that code and want to use it, the it shows errors, Looks like it add some spaces,



I tried it with php shorcode, and when i copied the code from the frontend of the page, It gives Parse error: syntax error, unexpected...


Works, But if you copy code and wan to to use it show error

Easily post syntax-highlighted code to your site without having to modify the code at all. As seen on WordPress.com.

Xhtheme Code Block vs SyntaxHighlighter Evolved