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.