tinymce-docs-4x/plugins/advcode.md

layout, title, title_nav, description, keywords, controls

layout	title	title_nav	description	keywords	controls
default	Advanced Code Editor	Advanced Code Editor	How to setup TinyMCE's Advanced Code Editor plugin.	code advcode codemirror	toolbar button, menu item

This plugin adds a toolbar button that allows a user to edit the HTML code using a more advanced [code editor]({{ site.baseurl }}/enterprise/advcode/) 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.