Content Editor

Basic Text Formatting

The B, I and S buttons are for Bold, Italics, and Strikethrough.

The two buttons with the X enable Superscript and Subscript.

The Quote button is for adding a Blockquote.

The Tx button removes formatting from content (such as formatted text that has has been copied/pasted from Word or other like applications).

The buttons with the stacked horizontal lines are for aligning content -- Left, Center, Right, and Justify.

Lists

Un-ordered Lists

The button with two dots, each with two horizontal lines, is used to create an un-ordered list. Example:

  • List item 1
  • List item 2

Ordered Lists

The button with the numbers 1 and 2, also with horizontal lines, is used to create an ordered list. Example:

  1. List item 1
  2. List item 2

Links

Internal and External Content

  1. To add a link, highlight the text you want linked.
  2. Click the Link icon (resembles a chain link).
    1. Note: The icon to the right (chain link with a small X) can be used to remove a link from text.
  3. Depending on what you want the link to point to, choose from the following:
    • If you want to link to a page or document on the site, start typing the title of an existing page, and then click to select it from the list that appears beneath the field.
      • Note: 
    • If you want to link to an external URL, paste or enter the page or website URL.
    • If you want to link to an email address, type: mailto:email address (e.g., mailto:wendy.wickstrom@watech.wa.gov).
  4. Click the Save button.

Anchor Links

Anchors are used to bookmark sections of a page in order to add a link either on that page or a different page that jumps directly to the bookmarked section.

To add an anchor to a page:

  1. Select the text you want the anchor link to point to.
  2. Click the Anchor icon (looks like a flag) in the content editor.
  3. Enter an Anchor Name, and then click OK.
    • Note: Anchor names should be simple and not contain spaces.

To link to an anchor:

  1. Change the Link Type field to Link to Anchor in the Text.
  2. Select an existing anchor from the By Anchor Name field.Click the Link button.
  3. In the URL text field, enter a hashtag (#) followed by the anchor name.
    • Note: If the anchor is on another page, then enter the name of the page, followed by the hashtag and anchor name.

Button Links

  1. Click a place in the content where you want the button to be positioned.
  2. Click the Button Link button.
  3. In the dialog that opens, change the Style to Primary, adjust the button Size as needed, enter the Text to be displayed on the button, and then enter the URL the button is to be linked to.
  4. Click OK.

Media and Embeds

To embed a media item, perform the following:

  1. Place your cursor where you want the media to be embedded, and then click the Media Entity Embed button.
  2. In the dialog box that opens, ensure you are on the correct tab for the type of media you want to embed (default is Image).
  3. Then either search or browse for an existing media item, or click Choose File to upload a new file.
  4. Click Insert selected to embed the file into the page content.
  5. Once embedded, click the Edit media button to change the size and alignment of the media.
  6. Click Save when finished.

Presentation of Content

Data Table

Tables should primarily be used for data tables and not for positioning or formatting regular content.

To add a data table, perform the following:

  1. Click in the content where you want the table to be placed.
  2. Click the Table button.
  3. Define your Table Properties. The properties are:
    • Rows
    • Columns
    • Height
    • Headers
      • Note: Data tables should always have headers defined. Options available are: First Row, First Column, Both
    • Caption
  4. Click the OK button.
    • Note: To change the width of a table, click on or in a part of a table, and then click the Styles dropdown menu in the content editor toolbar.

Accordions (Hide/Show)

The Insert Accordion button (looks vaguely like a hamburger menu icon) enables you to easily add accordions (i.e., hide/show functionality).

To add an accordion, perform the following:

  1. Click the Insert Accordion button.
  2. In the Accordion title fields, enter the text you want to be displayed as the heading for the collapsed (hidden) content.
  3. In the Accordion content fields, enter the text that will be hidden when the section is collapsed.

Horizontal Rule

The button with the solid horizontal line is used for adding a horizontal line to a page. This element is used for creating a visual break in content.

Columns

The Insert Template button (gear icon), allows you to create a column-based format for content.

Block Formatting

The Format drop-down menu enables you to return selected text to “normal” (i.e., match the standard text format of content on the site) and turn text into headers like in Word. Note: Your page title will always, by default, be your Heading 1, thus the options available begin with Heading 2. Additional headings can be added as needed and should follow a hierarchical heading structure.

The Styles drop-down menu allows you to apply styles to certain objects, such as defining the width of a data table. This menu is blank unless you have clicked in/on an object that can have styles applied.

Tools

Undo and Redo

The buttons that appear as left and right arrows are used to Undo and Redo changes made to the content since it was opened for editing.

Show Blocks

This button will display how the content in the text area is organized by HTML tags, such as headers, paragraphs, accordions, etc. It does not do anything to the content and text.

Source

The Source button toggles the content of the field to display as HTML.

Expand Editor Screen

The Maximize button (appears as four arrows facing out) allows you to expand the editor window to occupy the full height/width of your browser window.