Simple Syntax Highlighting

Plugin Banner

Simple Syntax Highlighting

by gung

Download
Description

Simple Syntax Highlighting (SSH), simple, clean and lighweight plugin to integrate highlight.js into WordPress. highlightjs has automatic language detection an turn on syntax highlighting. You just need to select text than press button <ssh> or add the code into <pre> <code> </ code> </ pre> format.
Credit:
Highlight.js – https://highlightjs.org
Line numbering plugin: https://github.com/wcoder/highlightjs-line-numbers.js

Supports highlighting

  • Java
  • C
  • HTML
  • CSS
  • PHP
  • and more, up to 176 language, see: https://highlightjs.org/static/demo/

Instalation

  1. Download plugin Simple Syntax Highlighting archive, than unzip it.
  2. Upload the “simple-sintax-highlighting” folder to the “wp-content/plugins” directory.
  3. Activate the plugin through “plugins” menu in WordPress dashboard.
  4. Open menu: Setting > Simple Syntax Highlighting to configure.

Screenshoot

  1. Plugin Settings
  2. Editor

Q: How to use Simple Syntax Highlighting plugin?
A: Paste yout code inside <pre> <code> </ code> </ pre> or please see screenshot.

Doesn't Work with TinyMCE Advanced

By hisw0509 on February 7, 2018

<ssh> button works well on the default editor and I like it. However, when I activate TinyMCE Advanced, one of the most popular WP plugins, <ssh> button doesn't work as intended. It inserts
tags in between every line. Until this is solved, I can't use this plugin because there are many code highlighting plugins with more functions that works on text editing mode. I wanted to give this a shot because no other competitor supports visual editing mode. I checked "Notify me of follow-up replies via email" so that you can let me know when this plugin is compatible with TinyMCE Advanced, or if the change is not possible on your side but on TinyMCE Advanced's.

1.1

  • Fix line numbering
  • Support plugin TinyMCE Advanced
  • Update readme.txt

1.0

  • Initial release.
Back to top