Aquesta pàgina forma part de la documentació de Moodle en català, tot i que no ha estat traduïda encara. Podeu contribuir obertament a les tasques de traducció. Podeu consultar la Guia d'edició de la documentació i també participar ens els debats del fòrum de traductors de la documentació a moodle.org

Text editor: diferència entre les revisions

De MoodleDocs
Salta a:navegació, cerca
Main page ► Managing a Moodle course ► Editing text ► Text editor
Editing text
Cap resum de modificació
m (Changed PSpellSpell to PSpell.)
 
(44 revisions intermèdies per 11 usuaris que no es mostren)
Línia 1: Línia 1:
Multiple Intelligences
{{Editing text}}
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 theory of multiple intelligences represents a new framework that considers other gifts that children have. This departs from the traditional, narrow focused notion of intelligence, based on I.Q. testing, is far too limited. The theory encompasses other cultural definitions of intelligence, neurophysiology, anthropological studies and Gardner’s own experimentation and observation of children. The theory devised eight categories of respective intelligence to account for a broader range of human potential in children and adults
'''Note:''' It's possible to disable the TinyMCE editor and only use a plain text editor from ''Settings>Site administration>Plugins>Text editors>Manage editors.''


*1. Verbal/Linguistic – refers to linguistic abilities in the complex acquisition, formation and processing of language. The ability to create conceptual verbal patterns as well as thinking symbolically and reasoning abstractly fall under this category. The activities associated with this category is reading, writing, the development of symbolic writing and language skills--anagrams, palindromes, metaphors, similes, puns, and analogies. Traits shared by these children are children who talk early, those who enjoy making sounds and rhyming patterns; children who are prolific readers and have good memories for poetry, lyrics, tongue twisters, and verse may have a propensity in this area. These individuals have infinity for both the written and spoken words, and often think in words. They learn by verbalization and visualization, by seeing and hearing words and usually enjoy word games.
[[Image:HTMLeditor tools M2 1.png|thumb|The standard version of the text editor tool bar]]
*2. Logical/mathematical—refers to logical thought abilities- inductively, and to some degree deductively. Within the category children are able to recognize patterns, both geometric and numerical, and include the ability process abstract concepts. Children who possess this form of developed intelligence may be constant questioners; they may easily grasp games that involve sophisticated strategies--like chess; or they may devise experimental formats to test their ideas. Also, they may be fascinated with computers or with puzzles that involving logic and reasoning abilities.


*3. Spatial Intelligence--deals with the ability to perceive images. Children who fall in this category tend to think in images, they have a strong visual recall ability and are usually the ones able to find missing objects. There is a tendency to be the first to notice things that have been changed or rearranged. Many are earlier drawers--delighted with shapes, lines and colors. The activities that they might enjoy are jigsaw puzzles, mazes, find the hidden picture puzzles and they love to construct things with blocks. They have an early sense of proportion and perspective. They are also good at reading and constructing maps and discerning objects as they might appear in three dimensional spaces. They are often referred to as daydreamers--starring off into space.
==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.


*4. Musical – refers to the ability to create or interpret music. Often music plays an important factor when studying, and they are continually humming, singing, tapping out tunes rhythmically, or whistling. Their keen hearing allows them to distinguishing sounds and subtle nuances in music and in the sounds in their environments. These children can also be excellent mimics and can easily discern differences in speech patterns or accents. David Lazear expands this group with the descriptor of rhythmic, and Bob Samples describes this as auditory intelligence.
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


*5. Bodily/Kinesthetic: the emphasis of gift that these children exhibit deals with the gift of physical movement, both the fine and/or the large muscle systems. Thee find it difficult to sit still over an extended period of time and described as the movers of the universe, and frequently they squirm, rock, even fall off their chairs. They have an adept ability at creating and interpreting gestures and are often attuned at communicating in, or reading others body language. They tend to have the need to enter the personal space of others or to touch them while communicating. This group of students needs to learn by acting and moving, to learn by haptic experiences.
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


*6. Interpersonal: refers to the ability to understand and communicate with others and to facilitate relationships and group processes. They have the uncanny abilities to read people – the phrase "they can work the room" aptly describes them. They can adjudicate differences between people or groups and often exhibit a high level of empathy. The learning experience that is often enjoyed is cooperative learning experiences and learning is best achieved in cooperative settings.
==Special features==


*7. Intrapersonal: refers to the ability to be somewhat shielded from their peers; this is motivated by a strong sense of self; to have leadership abilities in reference to making decisions that may not be popular with others. Children in this category tend to show a sense of immunity from peer pressure which is created by this strong sense of self. Often described as "loners" they may have gifts out the ordinary realm of human understanding--strong intuitive feelings, a sense of inner wisdom, or precognition. These children need learning experiences where they can focus on their inner being and activities that allow them to work by themselves on material and projects of their own choosing.
===Color pickers===
*[[Image:HTML_editor_group_color.png]]
There are four 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>


The theory and its categories departs and essentially challenges the dominant focus of most educational institutions, which regards articulate or logical people of our culture as a highly intelligent person. Children, who do not exhibit these traditional traits, are often not positively reinforced with regards to their gifts. Instead they are labeled as children with learning difficulties.
===Insert images and media===
[[Image:HTML_editor_group_insert_MU_1.png|thumb|The Insert images and media group]]


The theory of multiple intelligences challenges and suggests a major transformation within the school system. Within the classroom context, teacher are challenges to present their lessons in a wide variety of ways using music, cooperative learning, art activities, role play, multimedia, field trips, inner reflection, and much more. Within the high school context, when looking at careers, the theory has many strong implications for adult learning and development. As many students at university as well as adults may be in careers that do not make optimal use of their most highly developed intelligences.
* 1 Insert Image - uses [[File picker]]
While Gardner contends that all humans have some degree of all seven (now 8)  intelligences, there are those who are more gifted in some areas, or in combinations of areas, than in others.
* 2 Insert Emoticon (only visible if the site administrator has enabled the "show emoticons as images" ''filter in Settings>Site administration>Plugins>Filters>Manage filters'')
* 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 -


For more information click on: http://www.thirteen.org/edonline/concept2class/mi/index.html
<gallery widths="300px">
Image:Files_File_picker_upload_files_add_1.png|File picker Upload file screen
Image:HTML editor equation editor 1.png|Equation editor
Image:HTML_editor_custom_character_selector_1.png|Custom character selector
</gallery>
 
====Insert table====
<gallery widths="300px">
Image:HTMLeditor_Insert_Table_general_1.png|General tab
Image:HTMLeditor_Insert_Table_advanced_1.png|Advanced tab
</gallery>
 
'''To add borders to a table'''
 
Cell borders are crucial for helping readers to follow the rows across the screen. If they aren’t showing already you can add them as follows:
 
#In the Wiki page containing your table, click its Edit tab
#Carefully select all the cells of the table
#Then right click (Macs: Command+click or Ctrl+Click) over any part of your selection to get a context menu; from it select Cell > Table Cell Properties; the cell properties dialog box then loads.
#Click on its Advanced tab, set Border Color to black (for instance), then click Apply, and then click Update.
#Click Save; the Wiki page containing your table will then load displaying its borders.
 
==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.
 
===TinyMCE editor settings===
{{New features}}
The TinyMCE  HTML editor has its own settings page ''Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings'' with the following options:
 
====Plugins====
*Buttons for equations, emoticons,images, media, automatic linking, and spell-checking may be enabled, disabled or uninstall here by clicking on their eye.
*Additionally the equation, emoticon and spell check buttons have links to their Settings screens.
 
[[File:pluginstexteditor.png |thumb|none|upright=2.0|alt="The TinyMCE editor plugins screen" | The TinyMCE editor plugins screen]]
 
=====Insert equation=====
 
Accessed from ''Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>Edit equation'', this allows you to enable or disable the  TeX filter in the editor context and thereby display the Dragmath button. If you have a global custom TeX filter, then disable this setting.
 
=====Insert emoticon=====
Accessed from ''Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>Insert emoticon'', this allows you to enable or disable the emoticon filter in the editor context and thereby display the emoticon button.
 
=====Spell checker=====
If you want to disable the TinyMCE spell checker and rely on browser spell checker functionality instead, you can do this by disabling the ''spellchecker'' plugin by clicking the eye in ''Settings > Site administration > Plugins > Text editors > TinyMCE HTML editor > General settings''
 
 
You can select a different spell engine from ''Settings> Site administration > Plugins > Text editors > TinyMCE HTML editor>Check spelling''  and can choose languages for the spell checking feature
 
 
{|
|[[File:Spellengine.png|thumb|Choosing a different spell engine]]
|[[File:spelllanguagelist.png|thumb|add additional languages for spell checking]]
|[[File:Spellcheck.png|thumb|Spell checking in action in the editor]]
|}
 
 
If PSpell is selected then aspell 0.50 or later must be installed on your server and the path to aspell set in Settings > Site administration > Server > System Paths.
 
===Customising the editor toolbar===
{{New features}}
 
An administrator can remove or add buttons to the TinyMCE editor toolbar by altering the Editor toolbar box in ''Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings'' as demonstrated in the screencast [http://youtu.be/vTW1DImro9c Customise the text editor in 2.4]
 
{|
| [[File:editortoolbar.png|thumb|The Editor toolbar box]]
|[[File:horizontalrule.png|thumb|Example of simpler toolbar with added horizontal rule button]]
|[[File:inserttime.png|thumb|An "insert time" button has been added]]
 
 
|}
 
Here is the [http://www.tinymce.com/wiki.php/Buttons/controls default list of TinyMCE buttons available for use]
 
====Available fonts list====
 
In addition to the default fonts, a site administrator can add extra fonts by typing their name and string in the box in ''Settings > Site administration > Plugins > Text editors > TinyMCE HTML editor>General settings'' as demonstrated in the screencast [http://youtu.be/udP7Bnur30Y How to add extra fonts].
{|
|[[File:comicsans.png|thumb|Example of custom font]]
|}
 
====Custom configuration====
{{New features}}
A new setting from 2.4.1 in ''Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings'' provides  a box in which an administrator can apply custom formats. See MDL-37186 for more details with examples,  and see also the [http://www.tinymce.com/wiki.php/Configuration:formats TinyMCE configuration page]
 
{|
|[[File:bottomtoolbar.png|thumb| Example 1:Toolbar at the bottom]]
|[[File:customstyles.png|thumb| Example 2: Custom styles]]
|}
 
*Example 1: Moving the toolbar to the bottom:
 
Add the following:
{"theme_advanced_toolbar_location" : "bottom"}
*Example 2: Adding your own custom styles.
(This might be useful for example if you want a "house style" for important notes, key points or similar)
In the editor toolbar, enter "styleselect" and then in the custom box add the following code, changing it to suit your purposes:
{"style_formats" : [
  {"title" : "Bold text", "inline" : "b"},
  {"title" : "Red text", "inline" : "span", "styles" : {"color" : "#ff0000"}},
  {"title" : "Red header", "block" : "h1", "styles" : {"color" : "#ff0000"}} ]}
 
==See also==
 
* [[Text editor FAQ]]
 
[[Category:Site administration]]
 
[[de:Text-Editor]]

Revisió de 05:36, 12 ago 2013

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.

Note: It's possible to disable the TinyMCE editor and only use a plain text editor from Settings>Site administration>Plugins>Text editors>Manage editors.

The standard version of the text 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

  • 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 four 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
  • A quick pick 5x8 matrix of colors

    A quick pick 5x8 matrix of colors

  • A rainbow color picker tab

    A rainbow color picker tab

  • A Pallet tab with a 18x12 matrix of colors

    A Pallet tab with a 18x12 matrix of colors

  • A Named tab with custom pallets

    A Named tab with custom pallets

Insert images and media

The Insert images and media group
  • 1 Insert Image - uses File picker
  • 2 Insert Emoticon (only visible if the site administrator has enabled the "show emoticons as images" filter in Settings>Site administration>Plugins>Filters>Manage filters)
  • 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

    File picker Upload file screen

  • Equation editor

    Equation editor

  • Custom character selector

    Custom character selector

Insert table

  • General tab

    General tab

  • Advanced tab

    Advanced tab

To add borders to a table

Cell borders are crucial for helping readers to follow the rows across the screen. If they aren’t showing already you can add them as follows:

  1. In the Wiki page containing your table, click its Edit tab
  2. Carefully select all the cells of the table
  3. Then right click (Macs: Command+click or Ctrl+Click) over any part of your selection to get a context menu; from it select Cell > Table Cell Properties; the cell properties dialog box then loads.
  4. Click on its Advanced tab, set Border Color to black (for instance), then click Apply, and then click Update.
  5. Click Save; the Wiki page containing your table will then load displaying its borders.

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.

TinyMCE editor settings

Nova funcionalitat
del Moodle 2.4!

The TinyMCE HTML editor has its own settings page Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings with the following options:

Plugins

  • Buttons for equations, emoticons,images, media, automatic linking, and spell-checking may be enabled, disabled or uninstall here by clicking on their eye.
  • Additionally the equation, emoticon and spell check buttons have links to their Settings screens.
"The TinyMCE editor plugins screen"
The TinyMCE editor plugins screen
Insert equation

Accessed from Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>Edit equation, this allows you to enable or disable the TeX filter in the editor context and thereby display the Dragmath button. If you have a global custom TeX filter, then disable this setting.

Insert emoticon

Accessed from Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>Insert emoticon, this allows you to enable or disable the emoticon filter in the editor context and thereby display the emoticon button.

Spell checker

If you want to disable the TinyMCE spell checker and rely on browser spell checker functionality instead, you can do this by disabling the spellchecker plugin by clicking the eye in Settings > Site administration > Plugins > Text editors > TinyMCE HTML editor > General settings


You can select a different spell engine from Settings> Site administration > Plugins > Text editors > TinyMCE HTML editor>Check spelling and can choose languages for the spell checking feature


Choosing a different spell engine
add additional languages for spell checking
Spell checking in action in the editor


If PSpell is selected then aspell 0.50 or later must be installed on your server and the path to aspell set in Settings > Site administration > Server > System Paths.

Customising the editor toolbar

Nova funcionalitat
del Moodle 2.4!


An administrator can remove or add buttons to the TinyMCE editor toolbar by altering the Editor toolbar box in Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings as demonstrated in the screencast Customise the text editor in 2.4

The Editor toolbar box
Example of simpler toolbar with added horizontal rule button
An "insert time" button has been added


Here is the default list of TinyMCE buttons available for use

Available fonts list

In addition to the default fonts, a site administrator can add extra fonts by typing their name and string in the box in Settings > Site administration > Plugins > Text editors > TinyMCE HTML editor>General settings as demonstrated in the screencast How to add extra fonts.

Example of custom font

Custom configuration

Nova funcionalitat
del Moodle 2.4!

A new setting from 2.4.1 in Settings>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings provides a box in which an administrator can apply custom formats. See MDL-37186 for more details with examples, and see also the TinyMCE configuration page

Example 1:Toolbar at the bottom
Example 2: Custom styles
  • Example 1: Moving the toolbar to the bottom:

Add the following: 

{"theme_advanced_toolbar_location" : "bottom"}
  • Example 2: Adding your own custom styles.

(This might be useful for example if you want a "house style" for important notes, key points or similar) In the editor toolbar, enter "styleselect" and then in the custom box add the following code, changing it to suit your purposes: 

{"style_formats" : [
 {"title" : "Bold text", "inline" : "b"},
 {"title" : "Red text", "inline" : "span", "styles" : {"color" : "#ff0000"}},
 {"title" : "Red header", "block" : "h1", "styles" : {"color" : "#ff0000"}} ]}

See also

Obtingut de «https://docs.moodle.org/2x/ca/index.php?title=Text_editor&oldid=104745»
Powered by MediaWiki