RJ Insert Code add-on for TinyMCE 4

Insert code plugin for TinyMCE
RJ insert code plugin screenshot
RJ insert code plugin screenshotRJ insert code plugin javascript example screenshot

The RJ_InsertCode project is a TinyMCE plugin that will automatically style code samples for different languages. Its core architecture is based on the Insertcode plugin for older versions of TinyMCE, but it has been almost fully rewritten.

There is a simplified setup, more features, a JCE 1.5 installer, and a commented codebase to assist in learning how it works and tweaking it.

Features:

  • Highlight over 100 languages with the GeSHi generic syntax highligher including ActionScript, ASP, C, C#, C, HTML, Java, JavaScript, Lua, Perl, PHP, Python, Ruby, SQL, Visual BASIC, and XML
  • Inline the style sheet information into the HTML, or use style sheet classes to reduce file size
  • Optional header text for your code block
  • Optional line numbers displayed to the left of your code
  • Specify the first line number
  • Specify the width and height of a scrollable code window

Get more info on RJ Insert Code home page: http://www.ryanjuckett.com

TinyMCE 4 logoTinyMCE 4 compatible

RJ Insert Code add-on installation

  1. Copy rj_insertcode directory to tinymce/plugins/.
  2. Edit TinyMCE config and add rj_insertcode to plugins key.
  3. Add buttons to the toolbar section: rj_insertcode
  4. Enjoy!

Refer to TinyMCE add-ons installation manual for more details