Important changes to Tiny Cloud pricing > Find out more

Visual Blocks Plugin

Allows a user to see block level elements such as paragraphs.

Contribute to this page
+ toolbar button + menu item

This plugin allows a user to see block level elements in the editable area. It is similar to WYSIWYG hidden character functionality, but at block level. It also adds a toolbar button and a menu item Show blocks under the View menu dropdown.

It's worth noting that at present the toolbar button icon is the same for both visualblocks and visualchars.

Type: String

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

Options

This setting affects the execution of the visualblocks plugin. You may specify whether blocks are visible by default here.

visualblocks_default_state

This option enables you to specify 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 your HTML
  plugins: "visualblocks",
  menubar: "view",
  toolbar: "visualblocks"
  visualblocks_default_state: true
});

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.