Skip to main content Skip to secondary navigation

Text Editing Toolbar

Main content start

Starting from left to right, learn more about the options in the text editor toolbar. Many of these tools also have keyboard equivalents, which can be seen by hovering over each item. 

(1) Bold

(2) Italic

(3) Strikethrough

(4) Text Alignment. Has options for Left, Center, Right, and Justify. Default setting is left aligned.

Screenshot illustrating how to add text area

(5) Horizontal line. Inserts a horizontal line (sometimes also called a horizontal rule) across the width of the content area.

Styles. Contains a drop-down used to add styles to text and links.

Paragraph. Contains header styles (h2, h3, h4, etc.)

(6) Link. For making internal or external links.

(7) Bulleted list.

(8) Numbered list

(9) Decrease indent. Works with bulleted and numbered lists.

(10) Increase indent. Works with bulleted and numbered lists.

(11) Table. This contains a tool for inserting a table. The table editing tools appear in the text area itself.

(12) Block Quote. Creates an indented quote style.

(13) Insert media. Allows you to add images, files, embeddables, Google Forms, or YouTube or Vimeo video to your text area.

(14) Icons. Allows you to add icons. Useful for consistently identifying content of a certain category.

(15) Superscript. Creates a superscripted character(s). Useful for footnotes.

(16) Subscript. Creates a subscripted character(s.)

(17) Source. Allows you to see the HTML that is generated in the text area.

(18) Remove format. This allows you to reset the formatting of your text. It will remove all styles applied to the text.

(19) Insert code block. Useful for showing long examples of code.

(20) Code. Useful for showing a snippet of code.

(21) Language. Allows you to select the language of your text. Choosing the appropriate language for your content is essential for accessibility and in-browser translation. Default is English.

(22) Undo/redo

Related Topics

desk step with different typography elements
Learn about the most flexible tool you have with the Text Area Paragraph.
Learn about the options for adding links to any text area, including email links.
Using symbols such as icons to augment the text on your website can improve comprehension and clarify your message.