The Advanced Editor (also known as TinyMCE) is the main content editor used throughout the site. When you add a Content block to a page, you will see the editor with its toolbar. This guide covers the key features available to you.

Editor Overview #

The editor has two rows of toolbar buttons and a menu bar at the top. The menu bar contains: File, Edit, View, Insert, Format, Tools, and Table. Below the menu bar are two rows of formatting buttons for quick access to common features.

You can switch between Visual mode (the rich editor) and Text mode (raw HTML) using the tabs in the top-right corner of the editor.

Basic Text Formatting #

The toolbar provides buttons for common formatting:

• Bold — Click the B button or press Ctrl+B (Cmd+B on Mac)
• Italic — Click the I button or press Ctrl+I (Cmd+I on Mac)
• Blockquote — Click the quotation mark button to indent text as a quote
• Bullet list — Click the unordered list button to create a bulleted list
• Numbered list — Click the ordered list button to create a numbered list
• Text alignment — Use the alignment buttons to align text left, centre, right, or justified

Headings #

To add a heading, click the Paragraph dropdown on the left side of the toolbar and select the heading level you need (Heading 2, Heading 3, etc.). Alternatively, go to Format > Blocks and choose a heading level.

Adding Links #

To add a link to your content:

1. Highlight the text you want to turn into a link
2. Click the Insert/edit link button (chain icon) in the toolbar, or press Ctrl+K (Cmd+K on Mac)
3. A small popup will appear where you can paste a URL or search for an existing page on the site
4. Click the gear icon to expand the full link options, where you can set the URL, choose to open the link in a new tab, and search for existing content to link to
5. Click Add Link to confirm

To remove a link, click on the linked text and then click the Remove link button (broken chain icon) in the toolbar.

Adding Anchors #

Anchors allow you to create jump links within a page. For example, you could create a table of contents at the top of a page that links to different sections further down.

Step 1: Create the Anchor #

1. Place your cursor where you want the anchor to be (usually at a section heading)
2. Go to Insert > Anchor in the menu bar
3. In the dialog that appears, enter an ID for the anchor (e.g. my-section). Use lowercase letters, numbers, and hyphens only — no spaces
4. Click OK

Step 2: Link to the Anchor #

1. Highlight the text you want to use as the jump link
2. Click the Insert/edit link button (chain icon)
3. In the URL field, type # followed by the anchor ID (e.g. #my-section)
4. Click Add Link

To link to an anchor on a different page, use the full page URL followed by the hash and anchor ID (e.g. /about/#my-section).

Adding Tables #

To insert a table into your content:

1. Go to Table in the menu bar
2. Hover over Table in the dropdown
3. A grid will appear — drag across the grid to select the number of rows and columns you need (e.g. 3×3)
4. Click to insert the table

Once the table is inserted, you can click into any cell and start typing. The Table menu also provides options to:

• Table properties — Adjust overall table settings
• Row — Insert or delete rows above/below
• Column — Insert or delete columns before/after
• Cell — Merge or split cells, and set cell properties
• Delete table — Remove the entire table

Adding Media #

To add an image or file to your content, click the Add Media button above the editor. This opens the WordPress media library where you can upload new files or select existing ones.

Other Useful Features #

The Insert menu also provides access to:

• Special character — Insert symbols like ©, £, €, etc.
• Horizontal line — Add a divider between sections
• Nonbreaking space — Insert a space that won’t allow a line break

Keyboard Shortcuts #

These shortcuts work while typing in the editor (use Cmd instead of Ctrl on Mac):

• Ctrl+B — Bold
• Ctrl+I — Italic
• Ctrl+K — Insert link
• Ctrl+Z — Undo
• Ctrl+Y — Redo