hbgl

<p>A WordPress plugin that provides a Gutenberg block for displaying computer source code with syntax-highlighting. Uses <a href="https://highlightjs.org/" rel="nofollow ugc">highlight.js</a> under the hood.</p>
<ul>
<li>✅ Supports 192 languages</li>
<li>✅ 256 included themes</li>
<li>✅ Server rendered static HTML</li>
<li>✅ Zero JS runtime dependencies</li>
<li>✅ Dynamic light/dark mode based on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme" rel="nofollow ugc">preferred color scheme</a></li>
</ul>


Code Syntax Highlighting Block

A Gutenberg block for syntax-higlighted code.

markmarkmark

<p>Djot Markup adds support for the <a href="https://djot.net/" rel="nofollow ugc">Djot</a> markup language in WordPress. Djot is created by John MacFarlane (creator of CommonMark and Pandoc) and offers cleaner syntax with more consistent parsing rules than Markdown.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/z0Nsjzp0gnw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Features</h4>
<ul>
<li><strong>Full Djot Support</strong>: Headings, emphasis, links, images, code blocks, tables, footnotes, and more</li>
<li><strong>Shortcode Support</strong>: Use <code>[djot]...[/djot]</code> in your content</li>
<li><strong>Content Filtering</strong>: Automatically process <code>{djot}...{/djot}</code> blocks</li>
<li><strong>Table of Contents</strong>: Automatic TOC generation from headings with configurable levels and position</li>
<li><strong>Safe Mode</strong>: XSS protection for untrusted content</li>
<li><strong>Syntax Highlighting</strong>: Server-side highlighting with Torchlight Engine</li>
<li><strong>Admin Settings</strong>: Easy configuration through WordPress admin</li>
<li><strong>Template Tags</strong>: Functions for theme developers</li>
<li><strong>Dark Mode Support</strong>: CSS adapts to dark mode preferences</li>
</ul>
<h4>Usage</h4>
<p><strong>Shortcode:</strong></p>
<pre><code>[djot]
# Hello World

This is _emphasized_ and this is *strong*.

- List item 1
- List item 2
[/djot]
</code></pre>
<p><strong>Template Tags:</strong></p>
<pre><code><?php
$html = wpdjot_to_html('# Hello *World*!');
wpdjot_the('# _Hello_ *World*!');
?>
</code></pre>
<h4>Links</h4>
<ul>
<li><a href="https://wordpress.org/plugins/djot-markup/" rel="ugc">WordPress.org Plugin Page</a></li>
<li><a href="https://djot.net/" rel="nofollow ugc">Djot Syntax Reference</a></li>
<li><a href="https://github.com/php-collective/wp-djot" rel="nofollow ugc">GitHub Repository</a></li>
<li><a href="https://github.com/php-collective/wp-djot/issues" rel="nofollow ugc">Report Issues</a></li>
</ul>


Djot Markup

Djot markup language support for WordPress. A modern, cleaner alternative to Markdown.

Code Syntax Highlighting Block vs Djot Markup