Search Over 18,000 FREE Plugins from the Official WordPress Plugin Directory Repository

WP Code Highlight

WP Code Highlight provides clean syntax highlighting and it also provides a code button.

WP Code Highlight provides syntax highlighting of source code snippets and it is W3C valid. Wrap code blocks with <pre> and </pre> It provides a code button(HTML editor) to help you insert code in articles easily. You don't need to specify the language since WP Code Highlight will guess, all languages are supported. You can put line numbers in your code if you need. There are 4 highlight themes, you can choose from them or display by random. It can also load wp-code-highlight.css from current wordpress theme directory. It can delete its own options, so it is also a green plugin !

Basic Usage

  1. Download and extract wp-code-highlight.zip to wp-content/plugins/
  2. Activate the plugin through the "Plugins" menu in WordPress
  3. "Dashboard"->"Users"->"Your Profile"->"Disable the visual editor when writing"
  4. "Dashboard"->"Settings"->"WP Code Highlight"
  5. Wrap code blocks with <pre> and </pre> (It provides a code button in the HTML editor)
  6. You don't need to specify the language since WP Code Highlight will guess, all languages are supported
  7. It can also load wp-code-highlight.css from current wordpress theme directory

More Information

For more information of this plugin, please visit: Plugin Homepage.

Related Links:

Author BoLiQuan
Profile
Contributors boliquan
Tags articles, code, code box, code button, code highlight, code highlighter, Code Snippet, codecolorer, comment, cool code, CSS, Formatting, google syntax highlighter, google-code-prettify, highlight, html, javascript, Post, quicktags, sniplets, source, sourcecode, syntax, syntax highlighter, wordpress code highlight, wp code, wp code highlight, wp code prettify, wp prettify, xhtml
  1. wp-code-highlight screenshot 1

    Admin page screenshot

  2. wp-code-highlight screenshot 2

    Code Button

  1. Download and extract wp-code-highlight.zip to wp-content/plugins/
  2. Activate the plugin through the "Plugins" menu in WordPress
  3. "Dashboard"->"Users"->"Your Profile"->"Disable the visual editor when writing"
  4. "Dashboard"->"Settings"->"WP Code Highlight"
  5. Wrap code blocks with <pre> and </pre> (It provides a code button in the HTML editor)
  6. You don't need to specify the language since WP Code Highlight will guess, all languages are supported
  7. It can also load wp-code-highlight.css from current wordpress theme directory

1.2.8

  • Updated newline handling to handle fixes to IE 10
  • Remove unused JS files
  • Optimize CSS
  • Register Setting

1.2.7

  • Some optimization

1.2.6

  • Corrected the bugs of 'Code Button', due to the quicktags was changed since WordPress 3.3

1.2.5

  • Corrected the slashes bugs
  • Add settings link

1.2.4

  • Detailed usage

1.2.3

  • Corrected some bugs,thanks to 'ihacklog.com'

1.2.2

  • Add languages packs

1.2.1

  • Corrected some IE6 bugs

1.2.0

  • Html special chars can be displayed
  • Some optimize

1.1.9

  • Some optimize
  • Corrected some bugs of Line Numbers

1.1.8

  • Some optimize
  • Corrected some mistakes

1.1.7

  • Some optimize
  • Corrected some mistakes

1.1.6

  • First release.
Share  
Download
Version 1.2.8

Requires WordPress version: 2.7 or higher

Compatible up to: 3.5.1

Last Updated 27 Feb 2013

Date Added: 27 Sep 2011

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

4.52 stars
21 ratings
23,234 downloads

Compatibility

Not Enough Data

Reports:
Works: 1
Broken: 0

Probably Works.
Considering downloads, would expect problems reported.