Advanced Code Editor plugin
How to setup TinyMCE's Advanced Code Editor plugin.
Contribute to this pageNote: This plugin is only available for paid TinyMCE subscriptions.
This 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: Basic setup
tinymce.init({
selector: 'textarea', // change this value according to your HTML
plugins: 'advcode',
toolbar: 'code'
});
The difference between the Code and Advanced Code Editor plugins
The Code Plugin | The Advanced Code Editor Plugin |
---|---|
Advanced Code Editor search and replace keyboard shortcuts
Advanced Code Editor provides the following shortcuts for search and replace within the code dialog.
Action | PC | Mac |
---|---|---|
Find | Ctrl+F | Command+F |
Find next instance | Ctrl+G | Command+G |
Find previous instance | Shift+Ctrl+G | Shift+Command+G |
Replace | Ctrl+H | Command+Option+F |
Replace All | Shift+Ctrl+R | Shift+Command+Option+F |
Toolbar buttons
The Advanced Code Editor plugin provides the following toolbar buttons:
Toolbar button identifier | Description |
---|---|
code | Opens the code dialog |
These toolbar buttons can be added to the editor using:
- The
toolbar
configuration option. - The
quickbars_insert_toolbar
configuration option. - Custom Context toolbars.
Menu items
The Advanced Code Editor plugin provides the following menu items:
Menu item identifier | Default Menu Location | Description |
---|---|---|
code | View | Opens the code dialog. |
These menu items can be added to the editor using:
- The
menu
configuration option. - The
contextmenu
configuration option. - Custom Menu toolbar buttons.
Commands
The Advanced Code plugin provides the following JavaScript command.
Command | Description |
---|---|
mceCodeEditor | Opens the code editor dialog. |
Example
tinymce.activeEditor.execCommand('mceCodeEditor');
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.