Atto editor: Difference between revisions
From MoodleDocs
Juan Sheblak (talk | contribs) No edit summary |
Helen Foster (talk | contribs) m (Reverted edits by Jsheblak (talk) to last version by Helen Foster) |
||
Line 1: | Line 1: | ||
<p class="note">'''Note:''' Moodle 2.0 has a new HTML editor. For details of the HTML editor in Moodle prior to 2.0, see [[HTML editor]].</p> | |||
{{Moodle 2.0}}The default HTML editor in Moodle 2.0 onwards is [[TinyMCE]]. | |||
HTML editor in Moodle 2.0 video: | |||
<mediaplayer>http://www.youtube.com/watch?v=xJE6UhqnyjU</mediaplayer> | |||
[[Image:HTMLeditor tools M2 1.png|frame|The standard version of the HTML editor tool bar]] | |||
==List of groups== | |||
For those who are not familiar with the tool bar, here are the functions listed by group using the above example. Remember that the site administrator can edit or provide additonal toolbars. | |||
* | Row 1 | ||
*[[Image:HTML_editor_group_font_style.png]] - Font, size and heading group | |||
*[[Image:HTML_editor_group_undo_redo.png]] - Undo and Redo group | |||
*[[Image:HTML_editor_group_find_replace.png]] - Find and Replace group | |||
*[[Image:HTML_editor_group_fullscreen_1.png]]|Full screen toggle | |||
Row 2 | |||
*[[Image:HTML editor group text effects.png]] - Text effect group | |||
*[[Image:HTML editor group line format.png]] - Line format group | |||
*[[Image:HTML_editor_group_formatting.png]] - Formatting group | |||
*[[Image:HTML_editor_group_color.png]] - Color group | |||
*[[Image:HTML_editor_group_paragraph.png]] - Paragraph group | |||
Row 3 | |||
*[[Image:HTML_editor_group_lists.png]] - Number and Bullets and indents | |||
*[[Image:HTML_editor_group_link.png]] - Link group | |||
*[[Image:HTML_editor_group_insert.png]] - Insert group | |||
*[[Image:HTML_editor_group_HTML_spell.png]] - HTML source toggle & spellchecker | |||
==Special features== | |||
===Color pickers=== | |||
*[[Image:HTML_editor_group_color.png]] | |||
There are 4 levels of selecting a font or background color, | |||
*A quick pick 5x8 matrix of colors | |||
*"More colors" that links to Picker, Pallet and Named tabs | |||
<gallery> | |||
Image:HTML_editor_color_selector_basic_1.png|A quick pick 5x8 matrix of colors | |||
Image:HTML_editor_color_selector_more_picker_1.png|A rainbow color picker tab | |||
Image:HTML_editor_color_selector_more_pallet_1.png|A Pallet tab with a 18x12 matrix of colors | |||
Image:HTML_editor_color_selector_more_named_1.png|A Named tab with custom pallets | |||
</gallery> | |||
===Insert images and media=== | |||
[[Image:HTML_editor_group_insert_MU_1.png|frame|center|The Insert images and media group]] | |||
* 1 Insert Image - uses [[File picker]] | |||
* 2 Insert Emoticon | |||
* 3 Insert Media - uses [[File picker]] | |||
* 4 Insert Equation - uses java script editor | |||
* 5 Insert Non breaking space | |||
* 6 Insert Custom character - Special keyboard characters | |||
* 7 Insert Table - | |||
====File picker ==== | |||
[[Image:Files_File_picker_upload_files_add_1.png|thumb|center|300px|Upload file screen]] | |||
====Equation editor==== | |||
[[Image:HTML editor equation editor 1.png|thumb|center|300px|]] | |||
====Custom character==== | |||
[[Image:HTML_editor_custom_character_selector_1.png|thumb|center|300px|]] | |||
====Insert table==== | |||
<gallery widths="300px"> | |||
Image:HTMLeditor_Insert_Table_general_1.png|General tab | |||
Image:HTMLeditor_Insert_Table_advanced_1.png|Advanced tab | |||
</gallery> | |||
==See also== | |||
*[[Text editors]] - Moodle 2.0 will handle many kind of text editors | |||
*[[HTML editor|Pre Moodle 2.0 HTML editor]] tool bar | |||
*Site administration>Appearence>HTML settings - to change emoticon HTML code or images | |||
*Site administration>>Plugins>Text editors - change spellchecker and manage text editors | |||
[[Category:HTML editor]] |
Revision as of 07:53, 24 March 2011
Note: Moodle 2.0 has a new HTML editor. For details of the HTML editor in Moodle prior to 2.0, see HTML editor.
Template:Moodle 2.0The default HTML editor in Moodle 2.0 onwards is TinyMCE.
HTML editor in Moodle 2.0 video:
<mediaplayer>http://www.youtube.com/watch?v=xJE6UhqnyjU</mediaplayer>
File:HTMLeditor tools M2 1.png
The standard version of the HTML editor tool bar
List of groups
For those who are not familiar with the tool bar, here are the functions listed by group using the above example. Remember that the site administrator can edit or provide additonal toolbars.
Row 1
Row 2
Row 3
Special features
Color pickers
There are 4 levels of selecting a font or background color,
- A quick pick 5x8 matrix of colors
- "More colors" that links to Picker, Pallet and Named tabs
Insert images and media
- 1 Insert Image - uses File picker
- 2 Insert Emoticon
- 3 Insert Media - uses File picker
- 4 Insert Equation - uses java script editor
- 5 Insert Non breaking space
- 6 Insert Custom character - Special keyboard characters
- 7 Insert Table -
File picker
Equation editor
Custom character
Insert table
See also
- Text editors - Moodle 2.0 will handle many kind of text editors
- Pre Moodle 2.0 HTML editor tool bar
- Site administration>Appearence>HTML settings - to change emoticon HTML code or images
- Site administration>>Plugins>Text editors - change spellchecker and manage text editors