5. The XHTML toolbar

The XHTML tool bar starts with a number of “text style” toggles. These toggles emulate the behavior of the Bold, Italic, Underline, etc, toggles found in the tool bars of almost all word-processors. More information about text style toggles in About “text style” toggles in XMLmind XML Editor - Online Help.

Figure 1. Toggles found at the beginning of the XHTML tool bar

Toggles found at the beginning of the XHTML tool bar

In the above screenshot, the caret is inside an i element and the user clicked the arrow button next to a “italic text style” toggle.

Toggle i

“Toggle” element i. Next to this toggle is found an arrow button displaying a menu containing additional checkboxes for the following elements: em, dfn, cite.

Toggle b

“Toggle” element b. Next to this toggle is found an arrow button displaying a menu containing additional checkboxes for the following elements: strong, abbr.

Toggle tt

“Toggle” element tt. Next to this toggle is found an arrow button displaying a menu containing additional checkboxes for the following elements: code, var, kdb, samp.

Toggle a[href]

“Toggle” hypertext link, that is, an a element having an href attribute.

Add p

Add a p element after node selection or after caret at a location where it is valid to do so.

Add li or dt+dd

Add a li element or a dt/dd pair after current list item. For this command to work, suffice to click anywhere inside an ul, ol or dl element.

Add ul

Add an ul element after node selection or after caret at a location where it is valid to do so.

Add ol

Add an ol element after node selection or after caret at a location where it is valid to do so.

Add dl

Add an dl element after node selection or after caret at a location where it is valid to do so.

Add pre

Add an pr element after node selection or after caret at a location where it is valid to do so.

Add table

Displays a menu which allows to add several styles of tables after node selection or after caret at a location where it is valid to do so.

Add img

Displays a menu which allows to

  • insert an img element at caret position;

  • OR add a div element containing an img or a figure element containing an img (XHTML 5 only) after node selection or after caret at a location where it is valid to do so.

Add heading

Displays a menu which allows to add an h1, h2, h3, etc, element after node selection or after caret at a location where it is valid to do so.

Add section

(XHTML 5 only.) Displays a menu which allows to add a section, aside, article, header, footer or hgroup element after node selection or after caret at a location where it is valid to do so.