Format Drop-Down

Overview

The Format drop-down allows for an element to be applied to text by selecting the element from the list. This allows for the styling for an element to be defined in a CSS file, while the user only needs to select the proper element. For example, heading levels H1 through H6 can be applied to a text selection in the WYSIWYG. The formatting for the heading levels are defined in CSS for the page, which is what will be used to created the output files. This is also usually reflected in the view that the user sees while editing within the WYSIWYG Editor.

Classic Editor

Elements

JustEdit

Format Dropdown in JustEdit

 

Depending upon the WYSIWYG schema selection for a site, the Format drop-down displays different elements. The default is XHTML (not strict) and the following elements are displayed on the list:

  • Paragraph
  • Address
  • Preformatted
  • Heading 1 through Heading 6

With the use of the HTML5 schema, added elements are available in the WYSIWYG. The HTML5 schema can be enabled for a site by an administrator (Setup > Site). When selected, the WYSIWYG Editor expects to utilize HTML5-compliant HTML, which includes the addition of HTML5 elements and the removal of invalid elements. This also affects page validation during Page Check and Final Check as page validation is for the HTML5 specification. The elements available when using the HTML5 schema are:

  • Paragraph
  • Address
  • Preformatted
  • Heading 1 through Heading 6
  • Block Quote
  • Section
  • Article
  • DIV
  • Aside
  • Figure

Selecting from the Format Drop-Down

The application of the format can be toggled; clicking from the menu applies or removes the application of the Format element. To apply an element from the Format drop-down:

  1. Place the cursor within an existing block of text, on a blank line, or select the text.
  2. Click the Format drop-down or the arrow for it.
  3. Scroll to find the element and click it. This applies the choice.

Removing or Changing the Applied Format

  1. Place the cursor within an existing block of text, on a blank line, or select the text.
  2. The applied format is shown.
  3. Click the currently applied format to deselect it or choose a different element.