Note: This documentation is for Moodle 2.7. For up-to-date documentation see Text editor.

Text editor: Difference between revisions

From MoodleDocs
(→‎See also: site administration settings links section)
(Site administration settings, category)
Line 1: Line 1:
{{Improve}}
{{Editing text}}
{{Editing text}}
{{Improve}}
 
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 text editor (sometimes referred to as the 'HTML editor' or even 'TinyMCE') 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.


[[Image:HTMLeditor tools M2 1.png|frame|center|The standard version of the text editor tool bar]]
[[Image:HTMLeditor tools M2 1.png|frame|center|The standard version of the text editor tool bar]]
Line 73: Line 75:


==Site administration settings==
==Site administration settings==
Some site settings might impact what the teacher sees or can use on the text editor.  For more details see:
 
*Site administration>Appearence>HTML settings - to change emoticon HTML code or images
===Manage editors===
*Site administration>Plugins>Text editors - change spellchecker and manage text editors
 
A site administrator can enable / disable text editors in ''Settings > Site administration > Plugins > Text editors > Manage editors''. By default the TinyMCE HTML editor and plain text area are enabled.
 
===HTML settings===
 
A site administrator can edit the emoticons (or smileys) used in the text editor in ''Settings > Site administration > Appearence > HTML settings''.


==See also==
==See also==
*[[TinyMCE]] is the default HTML editor in Moodle.
 
*[[Text editors]] - Moodle 2.0 will handle many kind of text editors
*[[Text editors]] - Moodle 2.0 will handle many kind of text editors
*[[HTML editor|Pre Moodle 2.0 HTML editor]] tool bar
*[[HTML editor|Pre Moodle 2.0 HTML editor]] tool bar


[[Category:HTML editor]]
[[Category:Site administration]]

Revision as of 08:15, 26 August 2011

This page really needs improving. Please see the page comments for suggestions of what to include, then remove this template when you're done.


The text editor (sometimes referred to as the 'HTML editor' or even 'TinyMCE') 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 standard version of the text editor tool bar

Video introduction to the text editor

HTML editor in Moodle 2.0 video:

<mediaplayer>http://www.youtube.com/watch?v=xJE6UhqnyjU</mediaplayer>


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

  • HTML editor group font style.png - Font, size and heading group
  • HTML editor group undo redo.png - Undo and Redo group
  • HTML editor group find replace.png - Find and Replace group
  • HTML editor group fullscreen 1.png|Full screen toggle

Row 2

  • HTML editor group text effects.png - Text effect group
  • HTML editor group line format.png - Line format group
  • HTML editor group formatting.png - Formatting group
  • HTML editor group color.png - Color group
  • HTML editor group paragraph.png - Paragraph group

Row 3

  • HTML editor group lists.png - Number and Bullets and indents
  • HTML editor group link.png - Link group
  • HTML editor group insert.png - Insert group
  • HTML editor group HTML spell.png - HTML source toggle & spellchecker

Special features

Color pickers

  • 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

Insert images and media

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

Upload file screen

Equation editor

HTML editor equation editor 1.png

Custom character

HTML editor custom character selector 1.png

Insert table

Site administration settings

Manage editors

A site administrator can enable / disable text editors in Settings > Site administration > Plugins > Text editors > Manage editors. By default the TinyMCE HTML editor and plain text area are enabled.

HTML settings

A site administrator can edit the emoticons (or smileys) used in the text editor in Settings > Site administration > Appearence > HTML settings.

See also