Jeff Starr

The only 3-in-1 syntax highlighter!
Display beautiful code snippets with Prism.js, Highlight.js, or plain code escaping:
<ul>
<li>Prism.js – Code escape + syntax highlight using <a href="https://prismjs.com/" rel="nofollow ugc">Prism.js</a></li>
<li>Highlight.js – Code escape + syntax highlight using <a href="https://highlightjs.org/" rel="nofollow ugc">Highlight.js</a></li>
<li>Plain Flavor – Code escape without syntax highlight</li>
</ul>
Check out a <a href="https://dev-tricks.com/favorite-highlight-js-styles/" rel="nofollow ugc">demo post using Highlight.js</a>. I also use this plugin at <a href="https://wp-mix.com/" rel="nofollow ugc">WP-Mix</a> and <a href="https://plugin-planet.com/docs/" rel="nofollow ugc">Plugin Planet</a> for all code snippets 🙂
Prism.js Features
<ul>
<li>Supports 60+ coding languages</li>
<li>Choose from all 8 available Prism themes</li>
<li>Provides a Gutenberg block for adding code snippets</li>
<li>Provides TinyMCE/Visual buttons for adding code snippets</li>
<li>Option to enable Prism plugin <a href="https://prismjs.com/plugins/line-numbers/" rel="nofollow ugc">Line Numbers</a></li>
<li>Option to enable Prism plugin <a href="https://prismjs.com/plugins/line-highlight/" rel="nofollow ugc">Line Highlight</a></li>
<li>Option to enable Prism plugin <a href="https://prismjs.com/plugins/show-language/" rel="nofollow ugc">Show Language</a></li>
<li>Option to enable Prism plugin <a href="https://prismjs.com/plugins/copy-to-clipboard/" rel="nofollow ugc">Copy Code Button</a></li>
<li>Option to enable Prism plugin <a href="https://prismjs.com/plugins/command-line/" rel="nofollow ugc">Command Line</a></li>
<li>Highlights code in post content, excerpts, and comments</li>
<li>Detects <code>language-</code> and <code>lang-</code> class prefixes</li>
<li>Limit syntax highlighting to Posts and Pages</li>
<li>Highlight single-line and multi-line code</li>
<li>Granular control over code escaping</li>
<li>Smart loading of CSS & JS assets</li>
<li>Support for ACF on single post views</li>
</ul>
Highlight.js Features
<ul>
<li>Supports 50+ coding languages</li>
<li>Choose from all 90+ available Highlight themes</li>
<li>Provides a Gutenberg block for adding code snippets</li>
<li>Provides TinyMCE/Visual buttons for adding code snippets</li>
<li>Customize the Highlight.js init JavaScript</li>
<li>Highlights code in post content, excerpts, and comments</li>
<li>Limit syntax highlighting to Posts and Pages</li>
<li>Highlight multi-line blocks of code</li>
<li>Detects <code>language-</code> and <code>lang-</code> class prefixes</li>
<li>Enable support for no-prefix class names</li>
<li>Granular control over code escaping</li>
<li>Smart loading of CSS & JS assets</li>
</ul>
Plain Flavor Features
<ul>
<li>Enable code escaping for post content, excerpts, and/or comments</li>
<li>Enable code escaping on the frontend, Admin Area, or both</li>
<li>Provides a Gutenberg block for adding code snippets</li>
<li>Provides TinyMCE/Visual buttons for adding code snippets</li>
<li>Escapes single-line and multi-line code snippets</li>
<li>Escapes <code><code></code> tags (based on configuration)</li>
</ul>
General Features
<ul>
<li>Easy to set up and use</li>
<li>Built with WordPress APIs</li>
<li>Born of simplicity, no frills</li>
<li>Squeaky clean, error-free code</li>
<li>Lightweight, fast and flexible</li>
<li>Focused on performance and security</li>
<li>Loads CSS/JS assets only when required</li>
<li>Adheres to HTML coding best practices</li>
<li>Works with the Gutenberg Block Editor</li>
<li>Regularly updated and “future proof”</li>
</ul>
Prismatic escapes only the essentials to keep your code clean.
<a href="https://wordpress.org/plugins/prismatic/screenshots/" rel="ugc">Check out the screenshots</a> for more details!
Privacy
This plugin does not collect or store any user data. It does not set any cookies, and it does not connect to any third-party locations. Thus, this plugin does not affect user privacy in any way.
Prismatic is developed and maintained by <a href="https://x.com/perishable" rel="nofollow ugc">Jeff Starr</a>, 15-year <a href="https://plugin-planet.com/" rel="nofollow ugc">WordPress developer</a> and <a href="https://books.perishablepress.com/" rel="nofollow ugc">book author</a>.
Support development
I develop and maintain this free plugin with love for the WordPress community. To show support, you can <a href="https://monzillamedia.com/donate.html" rel="nofollow ugc">make a donation</a> or purchase one of my books:
<ul>
<li><a href="https://wp-tao.com/" rel="nofollow ugc">The Tao of WordPress</a></li>
<li><a href="https://digwp.com/" rel="nofollow ugc">Digging into WordPress</a></li>
<li><a href="https://htaccessbook.com/" rel="nofollow ugc">.htaccess made easy</a></li>
<li><a href="https://wp-tao.com/wordpress-themes-book/" rel="nofollow ugc">WordPress Themes In Depth</a></li>
<li><a href="https://books.perishablepress.com/downloads/wizards-collection-sql-recipes-wordpress/" rel="nofollow ugc">Wizard’s SQL Recipes for WordPress</a></li>
</ul>
And/or purchase one of my premium WordPress plugins:
<ul>
<li><a href="https://plugin-planet.com/bbq-pro/" rel="nofollow ugc">BBQ Pro</a> – Blazing fast WordPress firewall</li>
<li><a href="https://plugin-planet.com/blackhole-pro/" rel="nofollow ugc">Blackhole Pro</a> – Automatically block bad bots</li>
<li><a href="https://plugin-planet.com/banhammer-pro/" rel="nofollow ugc">Banhammer Pro</a> – Monitor traffic and ban the bad guys</li>
<li><a href="https://plugin-planet.com/ga-google-analytics-pro/" rel="nofollow ugc">GA Google Analytics Pro</a> – Connect WordPress to Google Analytics</li>
<li><a href="https://plugin-planet.com/head-meta-pro/" rel="nofollow ugc">Head Meta Pro</a> – Ultimate Meta Tags for WordPress</li>
<li><a href="https://plugin-planet.com/simple-ajax-chat-pro/" rel="nofollow ugc">Simple Ajax Chat Pro</a> – Unlimited chat rooms</li>
<li><a href="https://plugin-planet.com/usp-pro/" rel="nofollow ugc">USP Pro</a> – Unlimited front-end forms</li>
</ul>
Links, tweets and likes also appreciated. Thank you! 🙂

Prismatic

Prismatic is good plugins for show code in my content,
but Line Numbers + Line Highlight Not Working in my site.



Line Numbers + Line Highlight Not Working


Thank you for contributing this plugin. I went looking for a good option when I noticed the previous one I was using was not working well in Gutenberg. I have been using Prismatic for the last three years without issue.


Works Well No Issues

Display beautiful syntax-highlighted code snippets with Prism.js or Highlight.js

Raunak Gupta

Vaaky Highlighter is a free, easy-to-use, syntax highlighting tool for WordPress. Highlighting is powered by the <a href="https://github.com/highlightjs/highlight.js" rel="nofollow ugc">Highlight.js</a> javaScript syntax highlighter with language auto-detection and zero dependencies.
Using it will be as straightforward as adding a replacement Vaaky Highlighter Sourcecode block (Gutenberg) and insert the code that you wish to highlight: Vaaky Highlighter takes care of the rest!
Here is the <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> of all the supported themes.
<h3>Usage</h3>
<ol>
<li>Add a Vaaky Highlighter block within your content</li>
<li>Write your code</li>
<li>Select the language (optional)</li>
<li>Save the post/page and check your in 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</li>
<li>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

Simple yet elegant syntax or code highlighter based on highlight.js. It allows you to add engaging snippet code blocks.

Prismatic vs Vaaky Highlighter