TinyMCE/pt: Difference between revisions
From Joomla! Documentation
Updating to match new version of source page |
Updating to match new version of source page |
||
| Line 1: | Line 1: | ||
<noinclude><languages /></noinclude> | <noinclude><languages /></noinclude> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
'''TinyMCE''' is the default editor for both Frontend and Backend users. TinyMCE is a '''WYSIWYG''' (what you see is what you get) editor that allows users a familiar word-processing interface to use when editing Articles and other content. | '''TinyMCE''' is the default editor for both Frontend and Backend users. TinyMCE is a '''WYSIWYG''' (what you see is what you get) editor that allows users a familiar word-processing interface to use when editing Articles and other content. | ||
</div> | |||
TinyMCE can be configured with 3 different sets of toolbar buttons | <span lang="en" dir="ltr" class="mw-content-ltr">TinyMCE can be configured with 3 different sets of toolbar buttons</span> | ||
*'''Set 2''' is assigned to 'Public'. | <span lang="en" dir="ltr" class="mw-content-ltr">*'''Set 2''' is assigned to 'Public'.</span> | ||
*'''Set 1''' is assigned to the 'Manager' and 'Registered'. | <span lang="en" dir="ltr" class="mw-content-ltr">*'''Set 1''' is assigned to the 'Manager' and 'Registered'.</span> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
*'''Set 0''' is the most extended toolbar and is by default assigned to the 'Administrator', 'Editor' and 'Super Users'. | *'''Set 0''' is the most extended toolbar and is by default assigned to the 'Administrator', 'Editor' and 'Super Users'. | ||
</div> | |||
<includeonly>[[Image:Help30-editor-tinymce-advanced-en.png|600px|none]] | <includeonly>[[Image:Help30-editor-tinymce-advanced-<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
Learn about Toolbars, Editor Buttons and Accessibility of [[S:MyLanguage/Chunk30:TinyMCE|TinyMCE]].</includeonly> | en | ||
</div>.png|600px|none]] | |||
<span lang="en" dir="ltr" class="mw-content-ltr">Learn about Toolbars, Editor Buttons and Accessibility of [[S:MyLanguage/Chunk30:TinyMCE|TinyMCE]].</span></includeonly> | |||
<noinclude> | <noinclude> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Toolbars== | ==Toolbars== | ||
</div> | |||
<div class="mw-translate-fuzzy"> | <div class="mw-translate-fuzzy"> | ||
=== Definir Barra de Ferramentas 2 === | === Definir Barra de Ferramentas 2 === | ||
</div> | </div> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
The set provides one row of buttons as shown below. | The set provides one row of buttons as shown below. | ||
</div> | |||
[[Image:Help30-editor-tinymce-simple-en.png|500px|none]] | [[Image:Help30-editor-tinymce-simple-en.png|500px|none]] | ||
:*Buttons allow you to make text bold, italic, underlined, or strikethrough. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Undo (Ctrl+Z) and Re-do (Ctrl+Y). | Buttons allow you to make text bold, italic, underlined, or strikethrough. | ||
:*Unordered list, Ordered list. | </div> | ||
:*Cut, Copy, Paste, Paste as Plain Text, Paste from Word. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text. Paste as Word tries to preserve some of the formatting while stripping out unnecessary formatting. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Insert 'Field', 'Image', 'Read More'. [[#Editor Buttons|Learn more about Editor Buttons]]. | Undo (Ctrl+Z) and Re-do (Ctrl+Y). | ||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Unordered list, Ordered list. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Cut, Copy, Paste, Paste as Plain Text, Paste from Word. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text. Paste as Word tries to preserve some of the formatting while stripping out unnecessary formatting. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert 'Field', 'Image', 'Read More'. [[#Editor Buttons|Learn more about Editor Buttons]]. | |||
</div> | |||
<div class="mw-translate-fuzzy"> | <div class="mw-translate-fuzzy"> | ||
| Line 27: | Line 47: | ||
</div> | </div> | ||
The set provides a 3-row (depending your screen) toolbar as shown below: | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
The set provides a 3-row (depending your screen) toolbar as shown below: | |||
</div> | |||
[[Image:Help30-editor-tinymce-advanced-en.png|600px]] | [[Image:Help30-editor-tinymce-advanced-en.png|600px]] | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
This is the default setting for Manager and Registered. The 3-row toolbar provides many standard editing commands, as follows: | This is the default setting for Manager and Registered. The 3-row toolbar provides many standard editing commands, as follows: | ||
</div> | |||
'''First Row''' | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Buttons in the upper left allow you to make text bold, italic, underlined, or strikethrough. Next to that are buttons for align left, right, center, and full. | '''First Row''' | ||
:*Format. Select pre-defined formats for Paragraph, Address, Heading1, and so on. | </div> | ||
:*Unordered List, Ordered list, Outdent (move left) and Indent (indent right). | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Undo (Ctrl+Z) and Re-do (Ctrl+Y). | Buttons in the upper left allow you to make text bold, italic, underlined, or strikethrough. Next to that are buttons for align left, right, center, and full. | ||
'''Second Row''' | </div> | ||
:*Insert/Edit Link. To insert or edit a link, select the linked text and press this button. A popup dialog displays that lets you enter details about the link. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Unlink. To remove a link, highlight the linked text and press this button. | Format. Select pre-defined formats for Paragraph, Address, Heading1, and so on. | ||
:*Insert/Edit Anchor. An [[S:MyLanguage/Glossary#Anchor |anchor]] is a bookmark inside an article that lets you link directly to that point in the article. To insert an anchor, move the cursor to the desired location within the article and click this button. A window will display. Enter the name of the Anchor and press Insert. A small anchor icon will show in the location of the anchor. You can edit the name of the anchor by clicking on it and pressing this button. You can delete the anchor just by selecting it and pressing the Delete key. | </div> | ||
:*Edit HTML Source. A popup displays showing the HTML source code, allowing you to edit the HTML source code. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Insert Horizontal Ruler. | Unordered List, Ordered list, Outdent (move left) and Indent (indent right). | ||
:*Insert New Table, Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells. | </div> | ||
:*Subscript, Superscript, Insert Custom Character. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Paste as Plain Text. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text. | Undo (Ctrl+Z) and Re-do (Ctrl+Y). | ||
:*Preview text in popup | </div> | ||
:*Insert Module, Menu, Contact, Field. In a popup you can choose the item you want to insert. | <div lang="en" dir="ltr" class="mw-content-ltr"> | ||
'''Third Row''' | '''Second Row''' | ||
:*Insert 'Article', 'Image', 'Page Break', 'Read More'. [[#Editor Buttons|Learn more about Editor Buttons]]. | </div> | ||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert/Edit Link. To insert or edit a link, select the linked text and press this button. A popup dialog displays that lets you enter details about the link. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Unlink. To remove a link, highlight the linked text and press this button. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert/Edit Anchor. An [[S:MyLanguage/Glossary#Anchor |anchor]] is a bookmark inside an article that lets you link directly to that point in the article. To insert an anchor, move the cursor to the desired location within the article and click this button. A window will display. Enter the name of the Anchor and press Insert. A small anchor icon will show in the location of the anchor. You can edit the name of the anchor by clicking on it and pressing this button. You can delete the anchor just by selecting it and pressing the Delete key. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Edit HTML Source. A popup displays showing the HTML source code, allowing you to edit the HTML source code. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert Horizontal Ruler. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert New Table, Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Subscript, Superscript, Insert Custom Character. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Paste as Plain Text. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Preview text in popup | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert Module, Menu, Contact, Field. In a popup you can choose the item you want to insert. | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
'''Third Row''' | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert 'Article', 'Image', 'Page Break', 'Read More'. [[#Editor Buttons|Learn more about Editor Buttons]]. | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
===Set Zero=== | ===Set Zero=== | ||
</div> | |||
<hr/> | <hr/> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
The set 0 toolbar provides the most extensive editing options, as shown below. | The set 0 toolbar provides the most extensive editing options, as shown below. | ||
</div> | |||
[[Image:Help30-editor-tinymce-extended-en.png]] | [[Image:Help30-editor-tinymce-extended-en.png]] | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
This option provides all of the same buttons as documented in the Set 1 (Advanced) Toolbar above. In addition, the following options are available: | This option provides all of the same buttons as documented in the Set 1 (Advanced) Toolbar above. In addition, the following options are available: | ||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
'''First Row''' | '''First Row''' | ||
:*Styles. Caption and System Pagebreak styles can be set. Highlight the desired text and select the style. This will allow this text to be formatted based on CSS rules. | </div> | ||
:*Font Family. Select the desired font. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Font Size. Select the desired font size. | Styles. Caption and System Pagebreak styles can be set. Highlight the desired text and select the style. This will allow this text to be formatted based on CSS rules. | ||
:*Find and Find/Replace. | </div> | ||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Font Family. Select the desired font. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Font Size. Select the desired font size. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Find and Find/Replace. | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
'''Second Row''' | '''Second Row''' | ||
:*Select Text Color or Background Color. | </div> | ||
:*Toggle Full Screen Mode. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Insert New Table, Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells. | Select Text Color or Background Color. | ||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Toggle Full Screen Mode. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert New Table, Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells. | |||
</div> | |||
:*Inserir Emotions. | :*Inserir Emotions. | ||
:*Insert Embedded Media. To insert embedded media (such as Flash), place the cursor at the desired location and press this button. A popup dialog will display that allows you to enter the Type, File or URL, and other information about the media. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Direction Left to Right and Direction Right to Left. These buttons allow you to enter or change the text direction, for example for languages that read right to left. | Insert Embedded Media. To insert embedded media (such as Flash), place the cursor at the desired location and press this button. A popup dialog will display that allows you to enter the Type, File or URL, and other information about the media. | ||
:*Cut, Copy, Paste, Paste as Plain Text. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text. | </div> | ||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Direction Left to Right and Direction Right to Left. These buttons allow you to enter or change the text direction, for example for languages that read right to left. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Cut, Copy, Paste, Paste as Plain Text. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text. | |||
</div> | |||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
'''Third Row''' | '''Third Row''' | ||
:*Show/Hide Visual Control Characters (like paragraph endings). | </div> | ||
:*Show/Hide Block Elements. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
:*Insert Non-Breaking Space Character. | Show/Hide Visual Control Characters (like paragraph endings). | ||
:*Block Quote. | </div> | ||
:*Insert Predefined Template Content. | :*<div lang="en" dir="ltr" class="mw-content-ltr"> | ||
Show/Hide Block Elements. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert Non-Breaking Space Character. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Block Quote. | |||
</div> | |||
:*<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
Insert Predefined Template Content. | |||
</div> | |||
This is set as an option in [[S:MyLanguage/Help310:Extensions_Plugin_Manager| Plugins]] for [[Help310:Extensions_Plugin_Manager_Edit#Editor_-_TinyMCE|Editor - TinyMCE]]. | <span lang="en" dir="ltr" class="mw-content-ltr">This is set as an option in [[S:MyLanguage/Help310:Extensions_Plugin_Manager| Plugins]] for [[Help310:Extensions_Plugin_Manager_Edit#Editor_-_TinyMCE|Editor - TinyMCE]].</span> | ||
<div lang="en" dir="ltr" class="mw-content-ltr"> | |||
==Editor Buttons== | ==Editor Buttons== | ||
8 buttons are located at the bottom row of the editor toolbar and one below the content, as shown below: | </div> | ||
:[[Image:Help35-Module-Article-Image-Pagebreak-Readmore-buttons-en.png|border]] | <span lang="en" dir="ltr" class="mw-content-ltr">8 buttons are located at the bottom row of the editor toolbar and one below the content, as shown below:</span> | ||
{{Chunk30:Help_screen_toolbar_icon_Module/en}} | :[[Image:Help35-Module-Article-Image-Pagebreak-Readmore-buttons-<span lang="en" dir="ltr" class="mw-content-ltr">en</span>.png|border]] | ||
{{Chunk30:Help_screen_toolbar_icon_Menu/en}} | {{Chunk30:Help_screen_toolbar_icon_Module/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | ||
{{Chunk30:Help_screen_toolbar_icon_Contact/en}} | {{Chunk30:Help_screen_toolbar_icon_Menu/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | ||
{{Chunk30:Help_screen_toolbar_icon_Fields/en}} | {{Chunk30:Help_screen_toolbar_icon_Contact/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | ||
{{Chunk30:Help_screen_toolbar_icon_Article/en}} | {{Chunk30:Help_screen_toolbar_icon_Fields/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | ||
{{Chunk30:Help_screen_toolbar_icon_Image/en}} | {{Chunk30:Help_screen_toolbar_icon_Article/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | ||
{{Chunk30:Help_screen_toolbar_icon_Page_Break/en}} | {{Chunk30:Help_screen_toolbar_icon_Image/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | ||
{{Chunk30:Help_screen_toolbar_icon_Read_More/en}} | {{Chunk30:Help_screen_toolbar_icon_Page_Break/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | ||
{{Chunk30:Help_screen_toolbar_icon_Toggle_Editor/en}} | ---- | ||
{{Chunk30:Help_screen_toolbar_icon_Read_More/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | |||
{{Chunk30:Help_screen_toolbar_icon_Toggle_Editor/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>}} | |||
<div class="mw-translate-fuzzy"> | <div class="mw-translate-fuzzy"> | ||
=== Acessibilidade === | === Acessibilidade === | ||
</div> | </div> | ||
TinyMCE is compatible with screen readers such as JAWS and NVDA. You can use it effectively even if you don't use the mouse. To use the editor's toolbar, use the following keyboard shortcuts: | <span lang="en" dir="ltr" class="mw-content-ltr">TinyMCE is compatible with screen readers such as JAWS and NVDA. You can use it effectively even if you don't use the mouse. To use the editor's toolbar, use the following keyboard shortcuts:</span> | ||
* [ALT + F9] Move focus and jump to menu bar | * [ALT + F9] <span lang="en" dir="ltr" class="mw-content-ltr">Move focus and jump to menu bar</span> | ||
* [ALT + F10] Move focus and jump to toolbar | * [ALT + F10] <span lang="en" dir="ltr" class="mw-content-ltr">Move focus and jump to toolbar</span> | ||
* [ALT + F11] Move focus and jump to element path | * [ALT + F11] <span lang="en" dir="ltr" class="mw-content-ltr">Move focus and jump to element path</span> | ||
* [ESC] Close menu/submenu/dialog (also gets you back to editor area) | * <span lang="en" dir="ltr" class="mw-content-ltr">[ESC] Close menu/submenu/dialog (also gets you back to editor area)</span> | ||
* [Tab]/[Arrow] Navigate left/right through menu/toolbar | * <span lang="en" dir="ltr" class="mw-content-ltr">[Tab]/[Arrow] Navigate left/right through menu/toolbar</span> | ||
<span class="mw-translate-fuzzy">Para mais informação, consulte: [https://www.tinymce.com/docs/advanced/accessibility/ TinyMCE - Accessibilidade]</span> | <span class="mw-translate-fuzzy">Para mais informação, consulte: [https://www.tinymce.com/docs/advanced/accessibility/ TinyMCE - Accessibilidade]</span> | ||
</noinclude> | </noinclude> | ||
Latest revision as of 11:06, 7 April 2022
TinyMCE is the default editor for both Frontend and Backend users. TinyMCE is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing interface to use when editing Articles and other content.
TinyMCE can be configured with 3 different sets of toolbar buttons
*Set 2 is assigned to 'Public'. *Set 1 is assigned to the 'Manager' and 'Registered'.
- Set 0 is the most extended toolbar and is by default assigned to the 'Administrator', 'Editor' and 'Super Users'.
Toolbars
Definir Barra de Ferramentas 2
The set provides one row of buttons as shown below.

Buttons allow you to make text bold, italic, underlined, or strikethrough.
Undo (Ctrl+Z) and Re-do (Ctrl+Y).
Unordered list, Ordered list.
Cut, Copy, Paste, Paste as Plain Text, Paste from Word. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text. Paste as Word tries to preserve some of the formatting while stripping out unnecessary formatting.
Insert 'Field', 'Image', 'Read More'. Learn more about Editor Buttons.
Definir Barra de Ferramentas 1
The set provides a 3-row (depending your screen) toolbar as shown below:
This is the default setting for Manager and Registered. The 3-row toolbar provides many standard editing commands, as follows:
First Row
Buttons in the upper left allow you to make text bold, italic, underlined, or strikethrough. Next to that are buttons for align left, right, center, and full.
Format. Select pre-defined formats for Paragraph, Address, Heading1, and so on.
Unordered List, Ordered list, Outdent (move left) and Indent (indent right).
Undo (Ctrl+Z) and Re-do (Ctrl+Y).
Second Row
Insert/Edit Link. To insert or edit a link, select the linked text and press this button. A popup dialog displays that lets you enter details about the link.
Unlink. To remove a link, highlight the linked text and press this button.
Insert/Edit Anchor. An anchor is a bookmark inside an article that lets you link directly to that point in the article. To insert an anchor, move the cursor to the desired location within the article and click this button. A window will display. Enter the name of the Anchor and press Insert. A small anchor icon will show in the location of the anchor. You can edit the name of the anchor by clicking on it and pressing this button. You can delete the anchor just by selecting it and pressing the Delete key.
Edit HTML Source. A popup displays showing the HTML source code, allowing you to edit the HTML source code.
Insert Horizontal Ruler.
Insert New Table, Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells.
Subscript, Superscript, Insert Custom Character.
Paste as Plain Text. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text.
Preview text in popup
Insert Module, Menu, Contact, Field. In a popup you can choose the item you want to insert.
Third Row
Insert 'Article', 'Image', 'Page Break', 'Read More'. Learn more about Editor Buttons.
Set Zero
The set 0 toolbar provides the most extensive editing options, as shown below.
This option provides all of the same buttons as documented in the Set 1 (Advanced) Toolbar above. In addition, the following options are available:
First Row
Styles. Caption and System Pagebreak styles can be set. Highlight the desired text and select the style. This will allow this text to be formatted based on CSS rules.
Font Family. Select the desired font.
Font Size. Select the desired font size.
Find and Find/Replace.
Second Row
Select Text Color or Background Color.
Toggle Full Screen Mode.
Insert New Table, Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells.
- Inserir Emotions.
Insert Embedded Media. To insert embedded media (such as Flash), place the cursor at the desired location and press this button. A popup dialog will display that allows you to enter the Type, File or URL, and other information about the media.
Direction Left to Right and Direction Right to Left. These buttons allow you to enter or change the text direction, for example for languages that read right to left.
Cut, Copy, Paste, Paste as Plain Text. Often when copying and pasting text from other sources, such as PDF files, Word documents, or web pages, the selected text contains formatting information that is not needed or wanted. Using the Paste as Plain Text will strip out all formatting from the text.
Third Row
Show/Hide Visual Control Characters (like paragraph endings).
Show/Hide Block Elements.
Insert Non-Breaking Space Character.
Block Quote.
Insert Predefined Template Content.
This is set as an option in Plugins for Editor - TinyMCE.
Editor Buttons
8 buttons are located at the bottom row of the editor toolbar and one below the content, as shown below:
- [[Image:Help35-Module-Article-Image-Pagebreak-Readmore-buttons-en.png|border]]
{{Chunk30:Help_screen_toolbar_icon_Module/en}} {{Chunk30:Help_screen_toolbar_icon_Menu/en}} {{Chunk30:Help_screen_toolbar_icon_Contact/en}} {{Chunk30:Help_screen_toolbar_icon_Fields/en}} {{Chunk30:Help_screen_toolbar_icon_Article/en}} {{Chunk30:Help_screen_toolbar_icon_Image/en}} {{Chunk30:Help_screen_toolbar_icon_Page_Break/en}}
{{Chunk30:Help_screen_toolbar_icon_Read_More/en}} {{Chunk30:Help_screen_toolbar_icon_Toggle_Editor/en}}
Acessibilidade
TinyMCE is compatible with screen readers such as JAWS and NVDA. You can use it effectively even if you don't use the mouse. To use the editor's toolbar, use the following keyboard shortcuts:
- [ALT + F9] Move focus and jump to menu bar
- [ALT + F10] Move focus and jump to toolbar
- [ALT + F11] Move focus and jump to element path
- [ESC] Close menu/submenu/dialog (also gets you back to editor area)
- [Tab]/[Arrow] Navigate left/right through menu/toolbar
Para mais informação, consulte: TinyMCE - Accessibilidade
