Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
general_navigation_radeditor [2017/03/07 16:05]
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.|
 +
 +
 +
 +