dwhitevisoft

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

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.

Raunak Gupta

Vaaky Highlighter is a lightweight syntax highlighter plugin for WordPress Gutenberg. 
It allows you to add clean, readable, and visually appealing code blocks and code snippets with automatic language detection.
Syntax highlighting is powered by Highlight.js, a fast and dependency-free JavaScript library that supports multiple programming languages and themes.
Vaaky Highlighter is ideal for developers, bloggers, technical writers, and documentation sites who want elegant syntax-highlighted code without unnecessary bloat.
Using it is simple: add the Vaaky Highlighter Sourcecode block in Gutenberg, paste your code, and publish — the plugin handles everything automatically.
View the live demo of all supported themes: 
<a href="https://www.webhat.in/?page_id=626&utm_source=wordpress.org&utm_medium=readme.txt&utm_campaign=link&utm_id=vaaky_highlighter&utm_term=Theme+Demo" rel="nofollow ugc">Demo Page</a>
<h3>Usage</h3>
<ol>
<li>Add the Vaaky Highlighter block in the Gutenberg editor</li>
<li>Paste or write your code</li>
<li>Select a language (optional)</li>
<li>Save and view your page on the frontend</li>
</ol>
<h3>Supported Languages</h3>
<ul>
<li>Apache</li>
<li>Bash</li>
<li>C</li>
<li>C#</li>
<li>C++</li>
<li>CSS</li>
<li>DNS Zone file</li>
<li>DOS</li>
<li>Django</li>
<li>Dockerfile</li>
<li>Go</li>
<li>HTML / XML</li>
<li>Handlebars</li>
<li>JSON</li>
<li>Java</li>
<li>JavaScript</li>
<li>Markdown</li>
<li>Nginx</li>
<li>Objective-C</li>
<li>PHP</li>
<li>Plaintext</li>
<li>PostgreSQL & PL/pgSQL</li>
<li>PowerShell</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Rust</li>
<li>SCSS</li>
<li>SQL / MySQL</li>
<li>Shell</li>
<li>Twig</li>
<li>TypeScript</li>
<li>YAML / YML</li>
</ul>

Vaaky Highlighter – Syntax Highlighter for Gutenberg

Lightweight syntax highlighter plugin for WordPress Gutenberg powered by Highlight.js. Add beautiful, fast, and responsive code blocks with ease.

WP-Markdown-Syntax-Sugar vs Vaaky Highlighter – Syntax Highlighter for Gutenberg