Actions

Text editor

From Carleton Moodle Docs

(Redirected from 36/en/user/editor)

Using a text editor

The text editor (sometimes referred to as the 'HTML editor') has many icons to assist the user in entering content. Many of these icons and functions should be familiar to anyone who uses a word processor.

Some examples of where you will see the text editor include: Editing Section headings, description of an activity, writing an answer to a quiz question or editing the content of many blocks.

The default text editor in Moodle is the Atto editor, built specifically for Moodle. There is also a version of the TinyMCE editor and a plain text editor.

Text editors can be enabled, disabled or a different one set to default from Administration > Site administration > Plugins > Text editors > Manage editors. The order of priority may also be specified here.

If more than one text editor is enabled, users can select their preferred editor via their preferences page in the user menu (top right).

Atto HTML editor

TEXTbox Row1.png

Atto Row 1


1 Paragraph Styles 2 Font Size 3 Bold 4 Italic
5 More Font Colors 6 Background Colors 7 Unordered List 8 Ordered List
9 Outdent 10 Indent 11 Add link 12 Unlink
13 Prevent Auto Link


TextboxRow2.png

Atto Row 2

14 Paste Special 15 Insert or Edit Image 16 Insert or Edit Video/ Audio File 17 Manage file
18 Record Audio 19 Record Video 20 Underline 21 Strike Through
22 Subscript 23 Super Script 24 Ruby / Furigana 25 Left Align
26 Center 27 Right Align 28 Left to Right 29 Right to Left


TextboxRow3.png

Atto Row 3

30 Horizontal Rule 31 Equation Editor 32 Chemistry Editor 33 Emoticon
34 Insert Character 35 Table 36 Clear Formatting 37 HTML
38 Undo 39 Redo 40 Accessibility Checker 41 Screen Reader Checker
42 Toggle Full Screen

Image drag and drop

If your browser allows it (and if it does, you will see a message at the top of your screen when the editing is on) you can add images into the Atto editor simply by dragging them from your computer:

Drag an image directly into the editor

Autosave

Text typed into the Atto editor is automatically saved if you leave the page. The default of 60 seconds may be changed by the administrator in Site administration>Plugins>Text editors>Atto HTML editor>Atto toolbar settings. If the user accidentally closes the tab or otherwise leaves the form without submitting, the text in the editor will be restored next time he opens the page. To discard a restored draft, the user needs to cancel the form or press the "Undo" button in the editor.

AtttoAutosave.png

Accessibility checker

One of the tools available in the text editor is an automated accessibility checker which checks for some common errors in the text. These are usually things in the way the text is constructed that can prevent all users from having equal access to information and functionality. The list of problems that the accessibility checker looks for is:

  • Images with missing or empty alt text (unless they have the presentation role)
  • Contrast of font colour and background colour meets WCAG AA guidelines
  • Long blocks of text are sufficiently broken up into headings
  • All tables require captions
  • Tables should not contain merged cells as they are difficult to navigate with screen readers
  • All tables should contain row or column headers

Screenreader helper

Screen readers basically treat a content editable region like a text box - which is wrong, because it can contain images, links and more.

The screen reader helper provides additional information about the currently selected text (e.g. is it bold), as well as a listing of any images or links in the text.

Equation editor

If either the MathJax or the TeX notation filters are enabled (in Administration > Site administration > Plugins > Filters > Manage filters) then an equation editor button is provided in the toolbar for launching the equation editor.

In Moodle 3.0 onwards, extra buttons are provided for square roots, fractions and vectors.

Equation editor

Table editor

If the administrator has enabled the extra settings for the Atto table editor (see below) then border styling, sizing and colours are available when creating a table:

AttoTableRevised.png

See also