dwhitevisoft

<p>WP Markdown Syntax Sugar work in conjunction with plugins such as <a href="https://wordpress.org/extend/plugins/wp-markdown/" rel="ugc">wp-markdown</a><br />
and <a href="https://wordpress.org/extend/plugins/wp-highlightjs/" rel="ugc">wp-highlight.js</a>. Markdown is fantastic markup for easily<br />
writing blogs, and <a href="http://softwaremaniacs.org/soft/highlight/en/" rel="nofollow ugc">highlight.js</a> is an extremely easy way to highlight<br />
code examples. In most cases, highlight.js automatically detects the proper language for a block of code. In certain<br />
cases, primarily if your code example is short, highlight.js could improperly detect the language that you are using;<br />
that is where this plugin comes into play. By adding one line to your code blocks, you can explicitly set the language<br />
that you are using, allowing highlight.js to properly format your code.</p>
<p>The concept is inspired by the <a href="https://github.com/spjwebster/wp-markdown-syntax-highlight" rel="nofollow ugc">wp-markdown-syntax-highlight</a><br />
plugin.</p>
<p>The usage is extremely simple. Just add a shebang as the first line of your code example with the language you are using.</p>
<pre><code>#!ruby
class Foo < Bar
  def hello
    puts "Hello World!"
  end
end
</code></pre>
<p>The shebang is removed, and the code is outputted as:</p>
<pre><code><pre><code class="language-ruby">class Foo < Bar
  def hello
    puts "Hello World!"
  end
end</code></pre>
</code></pre>
<p>Now the code block is properly formatted for highlight.js to do its magic, and the code snippet will be properly<br />
highlighted.</p>


WP-Markdown-Syntax-Sugar

WP Markdown Syntax Sugar is a simple plugin that works in conjunction with Markdown code blocks and highlight.js to properly format code.

snowbedding

<p><a href="https://www.tiptinker.com/easy-syntax-highlighter-wordpress-plugin/" rel="nofollow ugc">Easy Syntax Highlighter</a> is a powerful WordPress plugin that helps improve your website’s code presentation by providing beautiful syntax highlighting. Using the latest Highlight.js library, it supports over 20 programming languages with 80+ color themes, copy-to-clipboard functionality, and seamless integration with both classic and Gutenberg editors.</p>
<h3>Features</h3>
<ul>
<li><strong>Modern Highlight.js Engine</strong>: Uses the latest Highlight.js library for fast, accurate syntax highlighting</li>
<li><strong>80+ Themes Included</strong>: Over 80 themes for both light and dark modes, all stored locally for offline compatibility</li>
<li><strong>Unlimited Language Support</strong>: Supports 20+ programming languages including JavaScript, PHP, Python, CSS, HTML, SQL, Bash, and more</li>
<li><strong>Modern JavaScript</strong>: Promise-based loading with proper error handling and performance optimizations</li>
<li><strong>Performance Optimized</strong>: Smart asset loading—only loads when code blocks are present on the page</li>
<li><strong>Security Focused</strong>: Proper input sanitization and output escaping</li>
<li><strong>Admin Interface</strong>: Clean, modern settings page with visual theme selector integrated with WordPress admin</li>
<li><strong>Localization Ready</strong>: Translation-ready with proper text domains</li>
<li><strong>Backward Compatible</strong>: Automatic migration from old plugin versions</li>
</ul>
<h3>How to Use</h3>
<ol>
<li><strong>Gutenberg Block Editor</strong>: Use the default WordPress “Code” block. The plugin automatically detects the language and highlights it. There is no language setting in the sidebar; detection is automatic. If you need to force a language, edit the block as HTML and add a class to the <code><code></code> element (e.g., <code><code class="language-php"></code>).</li>
<li><strong>Classic Editor</strong>: Use the TinyMCE button (code icon) with the modal dialog for easy code insertion.</li>
<li><strong>Copy to Clipboard</strong>: Double-click any code block to instantly copy its content with visual feedback.</li>
</ol>
<h3>Use Cases</h3>
<ul>
<li>Technical blogs and tutorials</li>
<li>Documentation websites</li>
<li>Programming courses and educational content</li>
<li>Developer portfolios</li>
<li>API documentation</li>
<li>Code examples and snippets</li>
</ul>
<h3>Support</h3>
<p>For support, bug reports, or feature requests, please visit: <a href="https://github.com/tiptinker/easy-syntax-highlighter" rel="nofollow ugc">Github</a></p>
<h3>Contributing</h3>
<p>Contributions are welcome! Please feel free to submit pull requests or open issues on GitHub.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.<br />
License URI: https://www.gnu.org/licenses/gpl-2.0.html</p>


Easy Syntax Highlighter

Modern, lightweight syntax highlighter for WordPress using Highlight.js

WP-Markdown-Syntax-Sugar vs Easy Syntax Highlighter