Important changes to Tiny Cloud pricing > Find out more

Visual Characters plugin

See invisible characters like non-breaking spaces.

Contribute to this page
+ toolbar button + menu item

This plugin adds the ability to see invisible characters like   displayed in the editable area. It also adds a toolbar control and a menu item Show invisible characters under the View menu.

Type: String

Example
tinymce.init({
  selector: "textarea",  // change this value according to your HTML
  plugins: "visualchars",
  menubar: "view",
  toolbar: "visualchars"
});

Options

This setting affects the execution of the visualchars plugin. Characters can be configured to be visible by default using this option.

visualchars_default_state

This option enables specifying the default state of the Visual Blocks plugin.

Type: Boolean

Default Value: false

Possible Values: true, false

tinymce.init({
  selector: "textarea",  // change this value according to the HTML
  plugins: "visualchars",
  menubar: "view",
  toolbar: "visualchars",
  visualchars_default_state: true
});

Commands

The Visual Blocks plugin provides the following JavaScript command.

Command Description
mceVisualChars Toggles visual characters on/off.

Example

tinymce.activeEditor.execCommand('mceVisualChars');

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.