Advanced Code Editor plugin

partial$misc/admon-premium-plugin.adoc

The Advanced Code Editor plugin (advcode) brings a more advanced code editor to {productname}. This code editor makes it easier to modify the HTML, and is a useful add-on for power users. It comes with features often found in IDEs, all enabled by default:

Syntax color highlighting.
Bracket matching.
Code folding.
Multiple selections/carets.
Search and Replace.
Dark or light mode button for code display.
Increase and decrease display font size buttons.
Full-screen mode button.

Note	For the Advanced Code Editor to offer a full-screen mode requires the Full screen plugin and requires Advanced Code Editor to be running in inline mode.

The difference between the Code and Advanced Code Editor plugins

liveDemo::advcode[]

Example: basic setup

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'advcode',
  toolbar: 'code'
});

Example: enable the Advanced Code Editor full-screen mode button

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  advcode_inline: true,
  plugins: [
    "fullscreen", "advcode",
  ],
  toolbar: "code"
});