Content Block Editor Tools:

Button
Tooltip text

What it Does 

Format

This is where you can select the different text formats you can use. 

By default, the “Paragraph” option is already selected, and this will generally be the option you’ll use for most content.

“Quotation” will indent and slightly enlarge text you’d like to highlight:

Heading 1 is used for page titles.

For titles of page sections, use Heading 2.

For page sub-sections, use Heading 3.

Bold, Italic, Underline

These are the typical Bold, Italic and Underline options.
You can also use Ctrl+B, Ctrl+I and Ctrl+U instead of clicking the buttons.

Insert Unordered List,

Insert Ordered List

These will create a bulleted list or a numbered list. You can click the button first and then start typing, or apply the list to selected text.

Indent

Indent. Same as hitting “Tab” in Word. If you click this, you’ll see an “Outdent” button appear next to it, which will undo the indent if clicked.

Insert Hyperlink

This will bring up a box which will let you choose what the link will go to.  You can choose between the following:

·         Web Address

Link to any external site. Enter the web address, and in the Text to display box, enter what you’d like the link to say on the screen.

·         Page from this site

Selecting this option will bring up a list of all pages on your site that you can link to. In this case, the Text to display box which will auto-populate with the title of the selected page, but you can change it if you need to.

·         Anchor

This is a more advanced option used to jump to certain sections of the page using anchor tags. For more information on this, click the “How to insert an anchor” link.

·         Email

This will create a link to send an email. Enter the email address in the Email address box, then you can either copy and paste the address into the Text to display box if you want to display the email address on the page, or enter some text instead.

Insert Image

This brings up the image selection window. You can choose from images already in the library, or upload a new one.

Once you select the image, you will be see a different menu to give the image a title, alternative text, set the alignment and choose the size.

If you upload a new image, you will need to select the image library you’d like the image to go into.

The title will auto-populate with the filename, but it is recommended to change this to something more descriptive and in title case (the first letter of each word capitalized).

You can add Alternative Text at this time, or later when you insert the image.

Alternative text must always be filled out. It will be auto-populated with the image title, but it is recommended that you change it to a more descriptive phrase. This is an ADA requirement for sight-impaired people who may be using a screen reader, or if the image doesn’t load for some reason, people will at least know what it is supposed to be. It also improves SEO.

Insert File

This will insert a file from your document library as a link. You can also upload a document to the library within the menu. The procedure is the same as uploading an image, except there will not be an option for alternative text.

Create a table

 Use this button to create a table. When clicked, this menu will drop down:

When you click on the table, another menu bar will appear which allows you to add or remove columns or rows:

You can also resize columns and rows by hovering over the cell dividers and dragging them to the desired width or height.

Clean Formatting

When copying and pasting content out of Word or from another website, the fonts, colors, styles line spacing, etc., will be pasted in with it.  This tool will strip any formatting from selected text, letting you style it to match the rest of the text on your site.

All tools

When you click the “All tools” button you’ll be shown some additional menu items:

left align, center, right align, justify, and font color & size options.

Align text left, Center text

Align text right, Justify text

These are the usual alignment options like you’d see in a word processor.

Select font family

Use this button to change the font of text.

It is recommended that you do not change this option. The font should stay as the Global default font.

Select font size

Use this button to change the font size of text.

For regular text used in the website body, always use the default “(inherited size)” option.

Font Color

By default, the font color will be automatically set to black even though it looks like white is selected - you typically won’t need to change this.