WYSIWYG Content Options
How to use
WYSIWYG areas across many content types use the TinyMCE editor. Find out more about using TinyMCE in the Terminalfour documentation.
Copy and Paste
When pasting content from another web page or document (e.g. a Word document or PDF), it is recommended to use the "Paste as text" option to avoid importing unwanted formatting. This ensures that only clean text is inserted, without hidden styles or markup that could conflict with the site's design.
Formatting tips
- Use heading levels in order (H2, H3, H4) — do not skip levels
- Avoid using bold or font size changes as a substitute for headings
- Use bullet or numbered lists for sets of related items
- Keep paragraphs concise and scannable
Content options
The following content formatting options are typically available in WYSIWYG elements:
Typography
Headings (H2–H6), paragraphs, bold, italic, underline, strikethrough, subscript, superscript, and blockquotes.
Lists
Unordered (bullet) lists and ordered (numbered) lists. Lists can be nested by indenting.
Tables
Tables can be added and edited directly in the WYSIWYG editor. Use tables for structured data only — not for layout purposes. Keep tables simple and ensure they include header rows for accessibility.
Images
Images are inserted from the Media Library using the "Insert from Media" toolbar icon. Select an image and choose a layout — the default layout displays the image full-width. Alternative layouts (e.g. controllable width) may be available depending on configuration.
Links
Three types of links are available:
- Internal links — link to another section or content item within the site
- External links — link to an external URL (opens in a new tab by default)
- Media links — link to a document in the Media Library (e.g. PDF, Word file)
Buttons
Button styles can be applied to links using custom formats in the toolbar: Format > Formats > Custom Formats. Select the link text first, then apply the desired button style.
Blockquotes
To highlight a quotation or key paragraph, select the text and apply the blockquote format: Format > Formats > Blocks > Blockquote.
Important notes
- Not all content types support all formatting options — refer to the individual content type guidance for specifics
- Some elements have character limits — check the element description for maximum sizes
- Avoid excessive formatting — simpler content is easier to maintain and performs better across devices