SmartAss Highlighter

Description

  • SmartAss Highlighter is a simple and easy to use code prettifier for wordpress.
  • The code between <pre> and </pre> tags is highlighted.
  • Almost all languages are supported, no need to mention the code language.
  • Customizable for each post, use [highlighter] shortcode to enable for particular post.
  • To change theme, modify highlighter.css in the plugin directory.
  • Button is available for both editor modes, i.e., Visual and Text editor.
  • Line Numbers are ON by default but can be turned OFF by using modified shortcode [highlighter line=0]
  • IMPORTANT – This plugin would not be updated very frequently, updates (if required) may delay

Basic Usage

  1. Switch to Text Only Mode, Go to “Edit my profile” and then check “Disable the visual editor when writing”
  2. Create new post
  3. Put your code in between <pre> and </pre>
  4. MUST use shortcode [highlighter] to activate the SmartAss-Highlighter
  5. Line numbers are on by default, but can be switched off by using [highlighter line=0]
  6. Note: Only the Posts having shortcode [highlighter] will be highlighted. Your previous posts won’t be affected.
  7. Do NOT use html codes for special characters ( &lt; or &gt; ), Directly use < or >

More Information

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

Screenshots

  • Visual editor screenshot
  • Text only editor screenshot
  • Sample highlighted output with line numbers
  • Sample highlighted output without line numbers
  • Code button

Installation

  1. Download and extract "SmartAss-Highlighter.zip" to "wp-content/plugins/"
  2. Activate the plugin through the “Plugins” menu in WordPress
  3. Put your code in between <pre> and </pre> (It provides a code button in the editor)
  4. MUST use shortcode [highlighter] to activate the SmartAss-Highlighter
  5. Line numbers are on by default, but can be switched off by using [highlighter line=0]

FAQ

Which programming languages are supported?

It supports all programming languages. No need to mention the language of the code anywhere

I don’t like the style and theme colors of this plugin. How to change the colors?

Edit the file highlighter.css to change the colors. See the documentation of CSS and class details at Google Code Prettify

Will this highlighter make my webpage slow?

SmartAss Highlighter uses two files in output- highlighter.js and highlighter.css. These two files have total size of 17KB but If you web server supports compression then the reduced load will be of 7KB. However, If your server does not support compression or you dont have control over it, please visit plugin page.

What is different about this highlighter?
  • It uses a shortcode to trigger, so user can control highlighting from post to post.
  • The extra code/libraries are added in footer, so that you page is loaded first and highlighting is done later asynchronously
  • No option menu

Contributors & Developers

“SmartAss Highlighter” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • First release