WYSIWYG
The rich text editor is used in the Content field and in the body of many components. It is available to Authors and above.
See the typography page on the demo site: https://govcms.convivial.io/demo/typography
Pasting from Word or Google Docs keeps headings, lists and links but drops fonts and colours. Check the result, especially headings.
Buttons
Bold. Use for emphasis only; the site's styles handle headings and labels.
Italic.
Align text left, centre, right or justified.
Underline. Avoid — underlined text looks like a link.
Strikethrough.
Remove formatting from the selection. Useful after pasting.
Superscript — text above the line.
Subscript — text below the line.
Paragraph or heading level. Use Heading 2 for main sections and Heading 3 for sub-sections; the page title is already Heading 1. Headings drive the On this page list and are how screen reader users navigate.
Cosmetic styles — introduction text, buttons, lead paragraphs — that do not change the HTML structure.
Link and unlink text. See below.
Insert a table. See below.
Bulleted list.
Numbered list.
Decrease indent.
Increase indent — nests a list item under the one above.
Block quote.
Insert an image from a URL. For anything reusable, use Insert Media instead.
Insert an image, document, video or 3D model from the media library. See Embed media.
Inline code.
Edit the HTML source. Advanced use only.
Links
Select the text and click Link. A panel opens below the selection.
To link to a page on the site, start typing its title and pick it from the suggestions. The link follows the page if its address changes later.
To link to another site, paste the full address including
https://.Click an existing link to edit or remove it.
Write link text that describes the destination: read the annual report, not click here.
Tables
Click Insert table and choose the number of rows and columns in the grid.
Click inside the table to show its toolbar, which adds and removes rows and columns, merges and splits cells, and sets the header row and column. Use tables for tabular data only, never for layout, and always set a header row. For large data sets use the Datatable component, which adds sorting and searching.
Last updated