Content appearance options

Showing for "hidden" elements

visual

This option sets the initial state of the editor visual aids for bookmarks (anchor) and tables with a border width of 0. If the border of a table is set to 0, then TinyMCE adds a dotted line around the table by default.

When set to false, the visual aids will be disabled when the editor loads. The visualaid toolbar button and menu item allow users to toggle the visibility of the visual aids.

Type: Boolean

Default value: true

Possible values: true, false

Example: Using visual

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  visual: false
});

visual_anchor_class

This option enables you to configure a custom class to be added to anchors with names since these are invisible by default.

Type: String

Example: Using visual_anchor_class

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  visual_anchor_class: 'my-custom-class'
});

visual_table_class

This option enables you to configure a custom class to be added to tables that have a border set to 0. This class is used to add dotted borders to tables that would otherwise be invisible for the user.

Type: String

Example: Using visual_table_class

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  visual_table_class: 'my-custom-class'
});

Showing "hidden" characters

To enable visual aids for "hidden" characters, see: The Visual Characters plugin

Outlining block elements

To enable outlines for block elements, see: The Visual Blocks plugin.

Premium upgrade promotion option

promotion

TinyMCE 6.2 and later includes the promotion option. It controls the presentation or otherwise of a Tiny-specific promotion button.

Type: Boolean

Default value: true in Community self-hosted instances; otherwise false.

Possible values: true, false

See Premium upgrade promotion defaults for details.

Example: Using promotion

tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  promotion: true
});

The Upgrade promotion appears in the unused corner of the TinyMCE menu bar. Consequently it does not appear if the menu bar is disabled.

The distribution-specific defaults are not fixed. Someone running TinyMCE as part of a Premium plan can turn this option on. And someone running the Community distribution of TinyMCE as a self-hosted instance can turn this option off.