WYSIWYG toolbar

The what you see is what you get (WYSIWYG) toolbar helps you format your content.

Use the toolbar to add and change the appearance of your content.

The current wysiwyg toolbar

Commonly used toolbar icons

These are the most helpful toolbar icons and their functions. 

We've included good content practice tips as a guide. Lots of our tips are from the most excellent Australian Government Style Manual (AGSM) website.

Icons on the toolbarTheir functionGood practice tips
The standard paragraph styles dropdown selector on the wysiwyg toolbar
The first style selector is for applying standard heading and paragraph styles.

Headings help users scan content and find what they need (AGSM):

  • write headings that are clear and short
  • organise heading levels in a logical order
  • start headings with keywords
  • use sentence case and minimal punctuation.
The UTS styles dropdown selector on the wysiwyg toolbar
The second style selector is for finessing your content with box, button and other style types.

Use these styles tactfully to enhance your page.

Limit use of text boxes and callouts (AGSM)

The collapsible icon on the wysiwyg toolbar

For collapsible (accordion) sections on your page

The first icon adds the container for an accordion section.

The second icon breaks you out of the accordion container.

See also: collapsible sections
The list icons on the wysiwyg toolbar
Formats your text as a bulleted or numbered listLists help users scan and understand a series of items (AGSM)
The text emphasis icons on the wysiwyg toolbar
Adds bold and/or italic emphasis to your text

Avoid adding bold to heading styles. UTS heading styles are designed to display well on desktop and mobile devices.

Limit use of italics (AGSM)

The alignment icons on the wysiwyg toolbar
The text alignment icons are deactivated.The built-in Public Website stylesheet controls text alignment.
The blockquote icon on the wysiwyg toolbar

Adds a blockquote

Blockquotes are formatted as a grey box with blue quotation marks around your selected text content.

Don't include quote marks around your text when using this style; the quote marks are built-in.
The link icons on the wysiwyg toolbar
Adds or removes a hyperlink

Add links wisely (AGSM):

  • add links when they support a user's journey
  • write link text that is meaningful, accurate and accessible
  • do not set your links to open in another window or tab.
The anchor icon on the wysiwyg toolbar

Adds an anchor wherever your cursor is in your body content

You can then add a link to this anchor (via the first link icon).

Anchors used as in-page links can be helpful if they meet a user need. However, use in-page links wisely, as users can get disoriented when they expect a link to open another page (NN/g).
The add media icon on the wysiwyg toolbar
Adds an image or video to your pageSee our guidelines and tips for images and videos (Staff Connect)
Acknowledgement of Country

UTS acknowledges the Gadigal people of the Eora Nation, the Boorooberongal people of the Dharug Nation, the Bidiagal people and the Gamaygal people, upon whose ancestral lands our university stands. We would also like to pay respect to the Elders both past and present, acknowledging them as the traditional custodians of knowledge for these lands.