LIVE PREVIEWBUY FOR $11

TinyMCE4 has no code editor plugin at default. This plugin is a code editor plugin known as “tinymce4 code editor”, you need to use it in your tinymce editor to toggle code shortly and edit code.

Options:

  1. Widespread language: It comprises widespread languages on this plugin, and you’ll add others simply.
  2. Code Edit IDE: It use ACE editor to edit code, the editor has code spotlight, syntax examine options.
  3. Fast Toggle code: It comprises shortcut ‘ctrl + shift + c or command + shift +c(mac)` to toggle code quicly.
  4. Fast Set up: Simply add to the tinymce plugins’ folder and replace tinymce configurations. That’s it.
  5. Supply Code: Nothing is hidden.

Set up

  1. Add the information to the tinymce plugins’ folder.
  2. Replace your tinymce configuration so as to add `leaui_code_editor` plugin, eg:
  3. tinymce.init( daring italic underline strikethrough " 
    );
    

Notice: The default css in tinyce has no ”<pre>” type, it’s good to add one other css file which comprises the “pre” type to tinymce(use content_css choice), eg:

tinymce.init( styleselect formatselect fontselect fontsizeselect );


Source