CodeCanyon TinyMCE4 Code Editor 8139791

CodeCanyon TinyMCE4 Code Editor 8139791

CodeCanyon TinyMCE4 Code Editor 8139791
JavaScript
Code \ Highlight \ Plugin \ Tinymce \ Tinymce \ Syntax \ Editor \ Codesyntax \ Edtior



JavaScript - TinyMCE4 Code Editor 8139791 by leaui @ CodeCanyon

JavaScript

Last Update: 11 July 14; Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome; High Resolution: No; Files Included: JavaScript JS, HTML, CSS, LESS.

TinyMCE4 has no code editor plugin at default. This plugin is a code editor plugin called “tinymce4 code editor”, you can use it in your tinymce editor to toggle code quickly and edit code.

Features.

- Common language: It contains common languages in this plugin, and you can add others easily.

- Code Edit IDE: It use ACE editor to edit code, the editor has code highlight, syntax check features.

- Quick Toggle code: It contains shortcut ‘ctrl + shift + c or command + shift +c(mac)` to toggle code quicly.

- Quick Install: Just upload to the tinymce plugins’ folder and update tinymce configurations. That is it.

- Source Code: Nothing is hidden.

Installation

- Upload the files to the tinymce plugins’ folder.

- Update your tinymce configuration to add `leaui_code_editor` plugin, eg.

tinymce.init({
selector: "textarea",
plugins: [
"leaui_code_editor",
"advlist autolink link lists charmap hr anchor pagebreak",
"directionality textcolor paste fullpage textcolor"
],
toolbar1: "leaui_code_editor | styleselect formatselect fontselect fontsizeselect | bold italic underline strikethrough "
});

Note : The default css in tinyce has no ”<pre>” style, you need to add another css file which contains the “pre” style to tinymce(use content_css option), eg.

tinymce.init({
selector: "textarea",
content_css: ['tinymce/js/tinymce/plugins/leaui_code_editor/css/pre.css'],
plugins: [
"leaui_code_editor",
"advlist autolink link lists charmap hr anchor pagebreak",
"directionality textcolor paste fullpage textcolor"
],
toolbar1: "leaui_code_editor | styleselect formatselect fontselect fontsizeselect | bold italic underline strikethrough "
});

TinyMCE4 Doc Nav; TinyMCE4 Album Image Manager.

Keywords: code, code IDE, code edtior, code highlight, code plugin, codesyntax, editor, highlight, plugin, syntax, tinymce, tinymce4.



Tags: Plugin, Highlight, Editor, Tinymce, Tinymce, Syntax

Premium CodeCanyon TinyMCE4 Code Editor 8139791 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon TinyMCE4 Code Editor 8139791 for digital design and education. CodeCanyon TinyMCE4 Code Editor 8139791 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *