Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
general_navigation_radeditor [2017/03/07 16:06] steveclarke |
general_navigation_radeditor [2017/03/08 10:12] (current) steveclarke [Editor Tools] |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Rich Text Editor ====== | ====== Rich Text Editor ====== | ||
{{:radeditor.png?600|}} | {{:radeditor.png?600|}} | ||
+ | |||
+ | The rich text editor allows the user to maintain and format content. There are three edit modes. | ||
+ | |||
+ | * Design: In the Design mode you can edit and format the content by using the toolbar buttons, dropdowns and dialogs. | ||
+ | * Html: HTML mode provides direct access to the content HTML. This mode is used most often by advanced users. | ||
+ | * Preview: Shows how the content will look like before updating the page. | ||
+ | ==== Editor Tools ==== | ||
+ | ^Icon^Tool Name^Descirption^ | ||
+ | |{{:radeditor_bold.png|}}|Bold|Applies bold formatting to the selected text.| | ||
+ | |{{:radeditor_italic.png|}}|Italic|Applies italic formatting to the selected text. | ||
+ | |{{:radeditor_underline.png|}}|Underline|Applies underline formatting to the selected text.| | ||
+ | |{{:radeditor_left.png|}}|Justify Left|Aligns the selected paragraph to the left.| | ||
+ | |{{:radeditor_center.png|}}|Justify Center|Aligns the selected paragraph to the center.| | ||
+ | |{{:radeditor_right.png|}}|Justify Right|Aligns the selected paragraph to the right.| | ||
+ | |{{:radeditor_applyclass.png|}}|Apply Class|Applies custom, predefined styles to the selected text.| | ||
+ | |{{:radeditor_customlink.png|}}|Custom Link|Inserts an internal or external link from a predefined list.| | ||
+ | |{{:radeditor_fontfamily.png|}}|Font Name|Sets the font typeface.| | ||
+ | |{{:radeditor_fontsize.png|}}|Font Size|Sets the font size.| | ||
+ | |{{:radeditor_forecolor.png|}}|Fore Colour|Changes the foreground color of the selected text.| | ||
+ | |{{:radeditor_backcolor.png|}}|Back Colour|Changes the background color of the selected text.| | ||
+ | |{{:radeditor_table.png|}}|Insert Table|Inserts a table in the editor. for more on inserting tables and their dialog windows click [[http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/toolbars/dropdowns/insert-table|here]].| | ||
+ | |{{:radeditor_findreplace.png|}}|Find and Replace|Find (and replaces) text in the editor's content area.| | ||
+ | |{{:radeditor_print.png|}}|Print|Prints the contents of the editor or the whole web page.| | ||
+ | |{{:radeditor_spellcheck.png|}}|Spell Check|Launches the spell checker.| | ||
+ | |{{:radeditor_undo.png|}}|Undo|Undoes the last action.| | ||
+ | |{{:radeditor_redo.png|}}|Redo|Redoes/repeats the last action, which has been undone.| | ||
+ | |{{:radeditor_cut.png|}}|Cut|Cuts the selected content and copies it to the clipboard.| | ||
+ | |{{:radeditor_copy.png|}}|Copy|Copies the selected content to the clipboard.| | ||
+ | |{{:radeditor_paste.png|}}|Paste|Pastes the copied content from the clipboard into the editor.| | ||
+ | |{{:radeditor_pasteword.png|}}|Paste Word|Pastes content copied from Word and removes the web-unfriendly tags.| | ||
+ | |{{:radeditor_wordstripfont.png|}}|Paste Word Strip Font|Paste from Word cleaning fonts and sizes - Cleans all Word-specific tags and removes font names and text sizes.| | ||
+ | |{{:radeditor_pastetext.png|}}|Paste Text|Paste from Word cleaning fonts and sizes - Cleans all Word-specific tags and removes font names and text sizes.| | ||
+ | |{{:radeditor_pasteashtml.png|}}|Paste as HTML|Pastes HTML code in the content area and keeps all the HTML tags.| | ||
+ | |{{:radeditor_pastehtml.png|}}|Paste HTML|Pastes HTML code in to the current selection and renders it. It is helpful when needed to enter predefined HTML code such as media embed source.| | ||
+ | |{{:radeditor_formatstripper.png|}}|Format Stripper|Removes custom or all formatting from selected text.| | ||
+ | |{{:radeditor_addattachment.png|}}|Add Attachment|Opens an Attachment Selector dialog that allows the user to embed an Attachment image in the text.| | ||
+ | |||
+ | |||
- | FIXME toolbar options | ||
- | FIXME remove class apply | ||
- | FIXME remove insert custom link |