Jeff Starr

<p><strong>Display Beautiful Code</strong></p>
<p>Display beautiful code snippets with Prism.js, Highlight.js, or plain code escaping:</p>
<ul>
<li><strong>Prism.js</strong>     – Code escape + syntax highlight using <a href="https://prismjs.com/" rel="nofollow ugc">Prism.js</a></li>
<li><strong>Highlight.js</strong> – Code escape + syntax highlight using <a href="https://highlightjs.org/" rel="nofollow ugc">Highlight.js</a></li>
<li><strong>Plain Flavor</strong> – Code escape without syntax highlighting</li>
</ul>
<blockquote>
<p>👉 The only 3-in-1 syntax highlighter!</p>
</blockquote>
<p><strong>Live Examples</strong></p>
<p>Here are some live examples showing Prismatic displaying colorful code snippets:</p>
<ul>
<li><a href="https://plugin-planet.com/usp-pro-support-additional-file-types/" rel="nofollow ugc">PHP highlighting</a></li>
<li><a href="https://perishablepress.com/all-css-filter-functions/" rel="nofollow ugc">CSS highlighting</a></li>
<li><a href="https://perishablepress.com/vanilla-javascript-add-class-to-image-links/" rel="nofollow ugc">JavaScript highlighting</a></li>
<li><a href="https://wp-mix.com/html5-starter-template/" rel="nofollow ugc">HTML highlighting</a></li>
<li><a href="https://digwp.com/2019/07/better-inline-script/" rel="nofollow ugc">Escaped code without highlighting</a></li>
</ul>
<p>Prismatic is used to display thousands of code snippets on the above sites. Also here is a post showing some <a href="https://dev-tricks.com/favorite-highlight-js-styles/" rel="nofollow ugc">favorite Highlight.js styles</a> 🙂</p>
<p><strong>Prism.js Features</strong></p>
<ul>
<li>Supports <strong>60+</strong> coding languages</li>
<li>Choose from all <strong>8</strong> 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>
<p><strong>Highlight.js Features</strong></p>
<ul>
<li>Supports <strong>50+</strong> coding languages</li>
<li>Choose from all <strong>90+</strong> 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>
<p><strong>Plain Flavor Features</strong></p>
<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>
<p><strong>General Features</strong></p>
<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>
<blockquote>
<p>👉 Prismatic escapes only the essentials to keep your code clean.</p>
<p>👉 <a href="https://wordpress.org/plugins/prismatic/#screenshots" rel="ugc">Check out the screenshots</a> for more details!</p>
</blockquote>
<p><strong>Privacy</strong></p>
<p>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.</p>
<p>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>.</p>
<p><strong>Support development</strong></p>
<p>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:</p>
<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>
<p>And/or purchase one of my premium WordPress plugins:</p>
<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>
<p>Links, tweets and likes also appreciated. Thank you! 🙂</p>


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

Wow-Company

DmtLo

WPCoder

<p>Tired of editing theme files to add custom scripts or styles?<br />
<strong>WP Coder</strong> lets you insert custom HTML, CSS, JavaScript, and PHP snippets directly from your dashboard — no coding in theme files required. Gain full control and flexibility over your site.</p>
<p><a href="https://wpcoder.pro/category/documentation/" rel="nofollow ugc">Documentation</a> | <a href="https://wpcoder.pro/" rel="nofollow ugc">Upgrade to Pro</a></p>
<h3>Why WP Coder?</h3>
<ul>
<li><strong>All-in-One Code Editor:</strong> Tabbed editor for HTML, CSS, JS & PHP with CodeMirror syntax highlighting.</li>
<li><strong>Gutenberg Block:</strong> Insert snippets directly in the block editor with live preview and custom attribute support.</li>
<li><strong>Shortcode Integration:</strong> Use <code>[wp_code id="X"]</code> to embed snippets anywhere.</li>
<li><strong>Live Preview:</strong> Instantly preview HTML & CSS without reloads in both the backend and Gutenberg.</li>
<li><strong>Performance Ready:</strong> Minify CSS/JS, obfuscate JavaScript, and control script loading with <code>async</code> / <code>defer</code>.</li>
</ul>
<h3>Ideal For</h3>
<ul>
<li><strong>Developers:</strong> Test snippets, hooks, and debug quickly.</li>
<li><strong>Marketers:</strong> Insert tracking pixels, analytics, and ad scripts.</li>
<li><strong>Designers & Bloggers:</strong> Customize layouts, styles, and enhance engagement.</li>
</ul>
<h3>Key Features</h3>
<ul>
<li>Insert <strong>HTML, CSS, JS, and PHP</strong> via powerful shortcodes.</li>
<li>Smart PHP handling: run in admin, front-end, everywhere, or only where inserted.</li>
<li>Include external libraries (Google Fonts, CDN scripts & styles).</li>
<li><strong>Test Mode:</strong> Preview snippets safely before going live.</li>
<li>Import/Export snippets and settings between sites.</li>
<li><strong>JavaScript Obfuscation:</strong> Protect your scripts with Dean Edwards’ Packer.</li>
<li><strong>Customizable Interface:</strong> Hide unused editor tabs (HTML, CSS, JS, etc.) for a cleaner workflow.</li>
<li><strong>NAV comments:</strong> Add inline navigation markers for faster code editing.</li>
<li>Lightweight & secure — built for performance.</li>
</ul>
<h3>Included Tools:</h3>
<h4>Integrations</h4>
<ul>
<li>Google Tag Manager (GTM) integration with user role controls.</li>
<li>Google Analytics, Facebook Pixel, and Pinterest Pixel integration.</li>
<li>Google AdSense integration with the option to disable ads for selected user roles.</li>
</ul>
<h4>Content & Templates</h4>
<ul>
<li>Markdown Editor – Disables Gutenberg and TinyMCE, replacing them with a Markdown editor powered by CodeMirror.</li>
</ul>
<h4>Developer Tools</h4>
<ul>
<li>Debug Log management (enable/disable and clear log).</li>
<li>Show Page Debug Info – Display technical info for the current request in the Admin Bar (template, query type, object, body classes). Admins only.</li>
<li>Theme Switcher –  Quickly switch between installed themes directly from the admin bar.</li>
</ul>
<h3>Included Snippets:</h3>
<h4>Editor & Content</h4>
<ul>
<li>Disable Gutenberg Editor</li>
<li>Remove Gutenberg Block CSS</li>
<li>Disable Widget Blocks</li>
<li>Enable Shortcode Execution in Widgets</li>
<li>Enable Excerpt for Pages</li>
<li>Open External Links in New Tabs</li>
<li>Change “Read More” Text</li>
</ul>
<h4>Admin Interface Tweaks</h4>
<ul>
<li>Disable Screen Options Tab</li>
<li>Disable Welcome Panel</li>
<li>Duplicate Posts</li>
<li>Disable Admin Bar</li>
</ul>
<h4>Login & User Access</h4>
<ul>
<li>Disable Login Page Language Switcher</li>
<li>Disable Login by Email</li>
<li>Disable Admin Password Reset Emails</li>
<li>Custom Login Logo</li>
<li>Custom Login Redirect URLs</li>
<li>Change Redirect After Login</li>
<li>Change Redirect After Logout</li>
</ul>
<h4>Media & Embeds</h4>
<ul>
<li>Enable SVG Upload</li>
<li>Force Lowercase Filenames</li>
<li>Default ALT Text for Avatars</li>
<li>Enable/Disable Lazy Load</li>
<li>Disable Embeds</li>
<li>Adjust oEmbed Max Dimensions</li>
</ul>
<h4>Core Functionality</h4>
<ul>
<li>Disable XML-RPC</li>
<li>Disable REST API</li>
<li>Disable Automatic Updates</li>
<li>Disable Automatic Updates Emails</li>
<li>Disable Emojis</li>
<li>Disable Shortlinks</li>
<li>Limit Post Revisions</li>
</ul>
<h4>Comments & Feedback</h4>
<ul>
<li>Disable Comments Globally</li>
<li>Disable Comment URL Field</li>
<li>Disable Self Pingbacks</li>
<li>Disable Trackbacks & Pingbacks</li>
<li>Disable HTML in Comments</li>
<li>Limit Comment Length</li>
</ul>
<h4>Cleanup & Optimization</h4>
<ul>
<li>Remove WP Version</li>
<li>Disable Attachment Pages</li>
<li>Disable RSS Feeds</li>
<li>Disable Built-in Search</li>
<li>Disable wlwmanifest Link</li>
<li>Disable Automatic Trash Emptying</li>
<li>Redirect 404 to Homepage</li>
</ul>
<p>WP Coder simplifies your WordPress development workflow and makes customization safe, fast, and flexible!</p>
<p>Get started today and simplify your WordPress development workflow with <strong>WP Coder</strong>!</p>
<h3>Quick Start Video</h3>
<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/BgY3R8j1uWM?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>
<h3>Plugin Demo:</h3>
<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/YF4X7sU0iFY?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>Support</h4>
<p>Need help? Ask questions and get quick answers in our <a href="https://wordpress.org/support/plugin/wp-coder" rel="ugc">support center</a>.</p>


WP Coder – Insert & Manage Code Snippets


I install it on every site I build. Does the job well.


I love this plugin. Standard on all sites I build.

Snippets made simple — easily insert and manage custom PHP, CSS, JS & HTML without coding in theme files.

Prismatic vs WP Coder – Insert & Manage Code Snippets