Title: WP Prism Syntax Highlighter
Author: GuiTeK
Published: <strong>Augustus 29, 2014</strong>
Last modified: September 7, 2014

---

Soek deur uitbreidings

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/wp-prism-syntax-highlighter.svg)

# WP Prism Syntax Highlighter

 Deur [GuiTeK](https://profiles.wordpress.org/guitek/)

[Laai Af](https://downloads.wordpress.org/plugin/wp-prism-syntax-highlighter.1.0.5.zip)

 * [Besonderhede](https://af.wordpress.org/plugins/wp-prism-syntax-highlighter/#description)
 * [Aanbevelings](https://af.wordpress.org/plugins/wp-prism-syntax-highlighter/#reviews)
 *  [Installation](https://af.wordpress.org/plugins/wp-prism-syntax-highlighter/#installation)
 * [Ontwikkeling](https://af.wordpress.org/plugins/wp-prism-syntax-highlighter/#developers)

 [Hulp](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/)

## Beskrywing

_WP Prism Syntax Highlighter_ enables you to use [Prism](http://prismjs.com) by 
[Lea Verou](http://lea.verou.me) in your WordPress blog.

> Prism is a lightweight, extensible syntax highlighter, built with modern web standards
> in mind.

 * It has an easy and convenient **code editor** integrated into the WordPress editor
   toolbar: you can insert code in just one click.
 * It requires **no configuration** at all, however you can still customize the 
   default settings in the plugin’s settings page.

It supports _all_ Prism features, namely:

 * Syntax highlighting (30+ languages)
 * Custom themes (6 official themes)
 * Plugins (7 official plugins: [Line Highlight](http://prismjs.com/plugins/line-highlight),
   [Line Numbers](http://prismjs.com/plugins/line-numbers), [Show Invisibles](http://prismjs.com/plugins/show-invisibles),
   [Autolinker](http://prismjs.com/plugins/autolinker), [WebPlatform Docs](http://prismjs.com/plugins/wpd),
   [File Highlight](http://prismjs.com/plugins/file-highlight), [Show Language](http://prismjs.com/plugins/show-language))

**NOTE: the plugin archive contains**

 * **_all_ languages definitions**
 * **_no_ plugin**
 * **_default_ theme**

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:

 * your_plugin_directory/wp-prism-syntax-highlighter/css/
 * 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!**

**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:

 * Prism: https://github.com/LeaVerou/prism
 * Plugin: https://github.com/GuiTeK/wp-prism-syntax-highlighter

**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.

## Screenshots

 * [[
 * Integrated code editor
 * [[
 * Highlighted C++ code
 * [[
 * Plugin settings

## Installation

 1. Download the plugin archive from https://wordpress.org/plugins/wp-prism-syntax-
    highlighter and unzip it
 2. Upload the wp-prism-syntax-highlighter folder to your plugin directory (usually
    wp-content/plugins)
 3. Activate the plugin (_Plugins_ > _Installed Plugins_)
 4. If you get a warning from the plugin asking you to edit your theme, please do it
    as you might experience visual bugs (requires about 30 seconds of your time)
 5. Highlight some code!

## Kwel-vrae

**Q:** how can I install WP Prism Syntax Highlighter?
 **A:** please see the _Installation_
page.

**Q:** what is the warning I get when I enable WP Prism Syntax Highlighter?
 **A:**
some themes (like the _Twenty_ ones included into WordPress by default) already 
include some CSS to prettify code blocks. It might interfere with Prism and you 
might experience visual bugs. That’s why it’s recommended to comment out or remove
any CSS code related to pre or code tags.

**Q:** how do I disable line wrap?
 **A:** by default Prism does NOT wrap lines.
It’s certainly your theme’s fault (_Twenty_ themes are known to do that). Search
for line like `word-wrap: break-word;` and comment it out.

**Q:** what to do if I encouter a bug?
 **A:** please [open an issue](https://github.com/GuiTeK/wp-prism-syntax-highlighter/issues).
However, make sure the bug is related to the plugin itself and not to Prism. If 
you think it’s a Prism bug, please open an issue [here](https://github.com/LeaVerou/prism/issues).

## Aanbevelings

There are no reviews for this plugin.

## Contributors & Developers

“WP Prism Syntax Highlighter” is oopbron sagteware. Die volgende mense het bygedra
tot die ontwikkeling van hierdie uitbreiding:

Contributors

 *   [ GuiTeK ](https://profiles.wordpress.org/guitek/)

[Translate “WP Prism Syntax Highlighter” into your language.](https://translate.wordpress.org/projects/wp-plugins/wp-prism-syntax-highlighter)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/wp-prism-syntax-highlighter/),
check out the [SVN repository](https://plugins.svn.wordpress.org/wp-prism-syntax-highlighter/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wp-prism-syntax-highlighter/)
by [RSS](https://plugins.trac.wordpress.org/log/wp-prism-syntax-highlighter/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.5

 * Added custom settings for Prism CSS and JavaScript files, allowing the user to
   use its own version and thus preventing it from being overwritten when updating
   the plugin
 * Fixed HTML escaping
 * The editor plugin now adds a space after inline code, allowing the user to step
   out of the ` tag`
 * Updated default Prism to the latest version
 * Updated WordPress version to 4.0

#### 1.0.4

 * Updated license

#### 1.0.3

 * Updated readme.txt

#### 1.0.2

 * Updated readme.txt

#### 1.0.1

 * Updated readme.txt

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.0.5**
 *  Last updated **12 jare gelede**
 *  Active installations **30+**
 *  Tested up to **4.0.38**
 *  Language
 * [English (US)](https://wordpress.org/plugins/wp-prism-syntax-highlighter/)
 * Tags
 * [Highlight](https://af.wordpress.org/plugins/tags/highlight/)[highlighter](https://af.wordpress.org/plugins/tags/highlighter/)
   [prism](https://af.wordpress.org/plugins/tags/prism/)[prismjs](https://af.wordpress.org/plugins/tags/prismjs/)
   [syntax](https://af.wordpress.org/plugins/tags/syntax/)
 *  [Gevorderde Aansig](https://af.wordpress.org/plugins/wp-prism-syntax-highlighter/advanced/)

## Punte-toekennings

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/reviews/)

## Contributors

 *   [ GuiTeK ](https://profiles.wordpress.org/guitek/)

## Hulp

Got something to say? Need help?

 [Gaan na die hulp-forum](https://wordpress.org/support/plugin/wp-prism-syntax-highlighter/)