Styles and layout - HTML editor

This entry relates to styles and layout.

The HTML editor (also known as the 'html toolbar' or 'text editor') allows you to format text, create links, and insert multimedia. It can be used when setting up your topic site to add instructional or narrative guidelines for students/users. The HTML editor is available to students when they add content to forums, blogs, glossaries, databases and wikis. Despite its name, you do not need to know HTML to use it.

The default HTML editor is Atto: Atto HTML editor

The HTML editor is used almost everywhere you can enter text. Most activities incorporate the HTML editor, commonly found in the Description field for an activity or resource. The functions of the HTML editor are particularly useful when adding content to pages, books, labels, forum posts and wikis (or wherever scaffolding is needed).  

Expand the HTML editor

By default, the HTML editor is minimised and not all functions are visible. Click the  Show more buttons icon  to view all functions. 

Atto HTML editor

You will then see the following options (note that these are updated from time to time).

HTML editor expanded

To enlarge the page content box in the HTML editor, click and drag from the bottom right corner.

make screen bigger


Editing features

Listed below are the features of the HTML editor you are most likely to use. There are other features, and the features available may change over time. Click on the link/s to find out how to use the particular feature.

Icon Purpose
HTML features Text features – Heading levels, paragraph and pre-formatted styles
HTML bullet list Bullet / numbered list
html hyperlinks Hyperlink functions
html media Media options (emojiimageaudio and video) and table
  HTML editor - some tools  Extra style options (font colourshorizontal rule, columnstext styles)
  html text editing  Equation editor, symbols (eg language/punctuation), clear formatting

Using emojis 

The HTML editor includes an Emoji picker.

Emoji icon

Click the Emoji picker icon in the HTML editor to view available emojis. You can scroll down through all available emojis, or use the category bar at the top of the emoji picker box to choose from a particular group of emojis. You can also use the Search bar underneath the picker box to find emojis.
Emoji picker

» How-to glossary