Advanced Code Editor
How to setup TinyMCE's Advanced Code Editor plugin.
Contribute to this pageThis plugin adds a toolbar button that allows a user to edit the HTML code using a more advanced code editor than the default textarea.
If you are using Advanced Code Editor advcode
plugin, make sure you do not use Code code
plugin.
Example
tinymce.init({
selector: "textarea", // change this value according to your HTML
plugins: "advcode",
toolbar: "code"
});
Options
code_dialog_height
This configuration option sets the internal, editable area height of the code
dialog box.
Note that the external dimensions of the actual modal will be slightly larger than the value set.
Type: String
Example
tinymce.init({
selector: "textarea", // change this value according to your HTML
plugins: "advcode",
toolbar: "code",
menubar: "tools",
code_dialog_height: 200
});
code_dialog_width
This configuration option sets the internal, editable area width of the code
dialog box.
Note that the external dimensions of the actual modal will be slightly larger than the value set.
Type: String
Example
tinymce.init({
selector: "textarea", // change this value according to your HTML
plugins: "advcode",
toolbar: "code",
code_dialog_width: 300
});
The Advanced Code Editor plugin is included with a TinyMCE Enterprise subscription. Please click here to learn more about our flexible subscriptions plans.
Was this article helpful? Yes - No
Well, that's awkward . Would you mind opening an issue or helping us out?
Thanks for the feedback!
Can't find what you're looking for? Let us know.
Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.