The What-You-See-Is-What-You-Get (WYSIWYG) text editor gives you the ability to format your content and add links/media. This text editor is available on the Body field, the Rich Text paragraph, and other paragraphs with Rich Text fields. 

 

Image
screenshot of toolbar
The WYSIWYG Toolbar
bold and italic icons

Bold, italic, subscript, and superscript 

These options will format your text, similar to a Word document.

link icon

Link and unlink

Links to internal or external paths can be added with the link button. Highlight the text you wish to make into a link and click the link button. A separate configuration window will load. You can edit an existing link by placing the cursor on the link and clicking the link button. To unlink text, highlight or place your cursor inside the link and click the link button to open additional options that will allow you to unlink the text.

list icons

Lists

There are two types of lists you can create. Unordered (bullet points) and ordered (numbered).

text align icon

Text alignment

To align text, highlight the paragraph or text you wish to align, then select an alignment from this dropdown.

block quote icon

Block Quote

To pull a selection of text out into a styled block quote, highlight the text you wish to make into a block quote and click the Block Quote icon.

horizontal rule icon

Horizontal rule

Use this icon to insert a horizontal divider line between paragraphs of text.

media icon

Insert from Media Library

To insert an image, video, or audio file, click this icon. A separate window will pop up. Follow the prompts to upload a new media file or insert an existing file.

format dropdown

Paragraph/Heading

Choose an option from the dropdown menu to format your text. You can choose headings H2-H6. Be sure use headlines semantically and not out of order.

styles dropdown

Styles

Used to style buttons. First, create a link. Then, select you link and click 'Styles' to open the dropdown menu. Select a button style to apply to your link.

table dropdown

Table

Click on the Table dropdown, then select the number of rows and columns to insert your table

source code icon

Source code

This button toggles between the WYSIWYG view and the source code. Advanced users only. Requires some knowledge of HTML.

Body