Prism Syntax Highlighter for WordPress

Description

Despite two plugins already on wordpress.org I decided to write my own from scratch. The result is a minimalistic but powerful plugin with only ~250 lines of PHP.

  • Supports every possible Prism configuration.
  • Adds TinyMCE dropdown lost for <code class="language-xxx"> and <pre class="language-xxx"> for bash, css, js, markup, php, scss. (I can make a filter if you want to add more.)
  • Does not load prism on every page, only when needed.
  • Supports automatic detection of prism HTML.
  • Supports displaying code from custom fields with [prism] shortcode.
  • Developers may use the prism handle to enqueue the pre-registered script and style.
  • Has admin editor button for quick shortcode template snippet.
  • Has no options page by design.
  • Read more -> Prism Syntax Highlighter for WordPress

Bundled Prism Version (2016-09-17)

Link: http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+bash+less+php&plugins=line-highlight+line-numbers+wpd+show-language

Skin: Okaida

Languages

  • Markup
  • CSS
  • C-like
  • JavaScript
  • Bash
  • PHP
  • Sass (Scss)

Plugins

  • Line Highlight
  • Line Numbers
  • WebPlatform Docs
  • Show Language

Installation

No idea how.

FAQ

Will the data mining ever end?

What data mining?

More!

K

Reviews

Works Well, and is Customizable by people who are somewhat savvy.

I find that this plugin does what it’s supposed to do, and then some.

Pity that often, I do not write code which is very serious, because if I did, then this plugin would allow me to blog about that code in style. 🙂

The instructions should be followed however, to download the JS and CSS Files from the prescribed Web-site, suggested by the plugin author, and to create a directory wherever our blog has its ‘uploads’ folder, so that a subdirectory exists with the name ‘…/uploads/prism/’ , and then to put those two customized files into that directory. This does not strike me as complicated, but fulfills the promise that the color scheme etc. can be customized. That version of the plugin will be used for the public version of our blog, while the built-in version of the files will be used in our editor preview panel.

Dirk

Doesn't Work

I tried replicating the CSS demo and it doesn’t work. There is also no button on the editor despite the claim there is.

Oh, and the developer seems a bit immature.

Read all 7 reviews

Contributors & Developers

“Prism Syntax Highlighter for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1.0 – 2016-09-18

  • Updated bundled prism.js.
  • Added quotes to the shortcode included with the buttin click.
  • Always scan archives, abodon the define switch.
  • Added TinyMCE dropdown styles to style <code> and <pre> tags with language-xxx classes.

1.0.1

  • Added SVG icon for plugin installer

1.0.0

  • Updated bundled Prism version

0.9.6

  • Fix: Missing data-manual output

0.9.5

  • Improved: WTFAQ
  • Fix: Screenshots

0.9.0

  • Release