A lightweight and convenient plugin to integrate Prism Syntax Highlighter into WordPress.

Nico

Prism Syntax Highlighter for WordPress

Most lightweight, yet most configurable and advanced PrismJS WordPress integration plugin. Custom fields display (detached) supported.

Anthony

WP PrismJS – Syntax Highlighter

Highlight your code on WordPress with WP PrismJS !

Benjamin Chris

WP HyperMD

WP HyperMD是一个漂亮又实用的在线Markdown文档编辑器。

Dan D

Codeblocks Extended with PrismJS

Codebocks Extended with PrismJS includes syntax highlighting, copy to clipboard, and Visual + Text editor integration.

GuiTeK

WP Prism Syntax Highlighter enables you to use <a href="http://prismjs.com" rel="nofollow ugc">Prism</a> by <a href="http://lea.verou.me" rel="nofollow ugc">Lea Verou</a> in your WordPress blog.
<blockquote>
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.
</blockquote>
<ul>
<li>It has an easy and convenient code editor integrated into the WordPress editor toolbar: you can insert code in just one click.</li>
<li>It requires no configuration at all, however you can still customize the default settings in the plugin’s settings page.</li>
</ul>
It supports all Prism features, namely:
<ul>
<li>Syntax highlighting (30+ languages)</li>
<li>Custom themes (6 official themes)</li>
<li>Plugins (7 official plugins: <a href="http://prismjs.com/plugins/line-highlight" rel="nofollow ugc">Line Highlight</a>, <a href="http://prismjs.com/plugins/line-numbers" rel="nofollow ugc">Line Numbers</a>, <a href="http://prismjs.com/plugins/show-invisibles" rel="nofollow ugc">Show Invisibles</a>, <a href="http://prismjs.com/plugins/autolinker" rel="nofollow ugc">Autolinker</a>, <a href="http://prismjs.com/plugins/wpd" rel="nofollow ugc">WebPlatform Docs</a>, <a href="http://prismjs.com/plugins/file-highlight" rel="nofollow ugc">File Highlight</a>, <a href="http://prismjs.com/plugins/show-language" rel="nofollow ugc">Show Language</a>)</li>
</ul>
NOTE: the plugin archive contains
<ul>
<li>all languages definitions</li>
<li>no plugin</li>
<li>default theme</li>
</ul>
It is recommended to use only what you need in order to keep the plugin the smallest possible. 
Please download your custom Prism from http://prismjs.com/download.html and upload the files in:
<ul>
<li>your_plugin_directory/wp-prism-syntax-highlighter/css/</li>
<li>your_plugin_directory/wp-prism-syntax-highlighter/js/ 
Do NOT replace the original prism.css and prism.js, you will lose all your changes as they get overwritten when updating the plugin!</li>
</ul>
Help 
Wondering how to install the plugin? Visit the Installation page. 
Want to see the plugin in action? Click Screenshot above. 
Got any question? See the FAQ.
Contribute 
Both Prism and this plugin are distributed under the MIT license and are developed during our free time. Any help, even a bug report, is much appreciated! 
To contribute:
<ul>
<li>Prism: https://github.com/LeaVerou/prism</li>
<li>Plugin: https://github.com/GuiTeK/wp-prism-syntax-highlighter</li>
</ul>
Why another Prism plugin? 
If you searched the plugin directory, you certainly noticed that there are several Prism plugins for WordPress. Well, none of them satisfied me: one plugin had no code editor, the other didn’t escape HTML tags, another didn’t have the options I needed… so I made a new one to suit my needs.

Alternatives to WP Prism Syntax Highlighter

Top alternatives