Starting with version 2.7 Moodle has a new stylish and pleasant visual editor Atto. Editor is included as a mandatory plugin in the system, which has its own settings. Users liked this visual editor, judging by the reviews, but there were some difficulties due to the fact that the basic functionality of the editor is limited. Indeed, the basic version of the editor functionality significantly cut down to the most basic editing functions, so in this article we will help you properly editor tweaking it to your needs.
Customizing visual editor panel
Go down to the block Configuration panel. Here is possible to configure the control panel editor Atto. Let’s look at the default values:
collapse = collapse— Show / hide additional buttons
style1 = title, bold, italic— The upper left block with three buttons Paragraph Styles, bold, italic
list = unorderedlist, orderedlist— Second from left block with the unordered list, numbered list
links = link— The next upper unit with two buttons Links (define the link and remove link)
files = image, media, managefiles— The last block with the buttons on top of the Picture, Media, File Management
style2 = underline, strike, subscript, superscript— The second unit on top with buttons on the left: Underline, Strikethrough, Subscript, Superscript
align = align— The next block of buttons (opens when you click Show / hide additional buttons) with one-click Text Alignment
indent = indent— The Indent
insert = equation, charmap, table, clear— Equation Editor, Insert Symbol, Table, Clear Formatting
undo = undo— Undo / Redo
accessibility = accessibilitychecker, accessibilityhelper— The next block of buttons: Check availability assistant for the visually impaired
other = html— Button HTML (HTML-editing)
Adding new button
To add a new button or remove existing in a given block of buttons you enough to correct the text box settings named Configuration panel. All keys codes and their descriptions can be found in the table Plugins editor Atto of Atto settings page. Let’s say you want to add the button Font Color (fontcolor) to the buttons block Paragraph Styles, bold, italic.
- To do this you need:
- Identify the necessary buttons that you want to insert or remove — from the table Plugins editor Atto (in this case, for example, fontcolor)
- Identify the code block in which you want to insert or remove a button to set up Configuration panel (in this case
style1 = title, bold, italic)
Next, go to the setup area Configuration panel. In our case, we need to add a comma new button fontcolor block
style1 = title, bold, italic & mdash; should have
style1 = title, bold, italic , fontcolor. Click Save Changes. In order for the changes to take effect immediately, preferably Clear all caches (Block Settings » Administration » Development » Clear all caches).