END USER DOCUMENTATION - …

1 END user DOCUMENTATION 1 Version End- user manual Last revision: July 08, 2013 END user DOCUMENTATION 2 1 ABOUT THIS GUIDE .. 6 PURPOSE .. 6 WHO SHOULD USE THIS GUIDE .. 6 2 ABOUT RADEDITOR .. 6 3 AUTHORING TOOL ACCESSIBILITY GUIDELINES (ATAG) .. 6 4 RADEDITOR TOOLBARS .. 9 5 SYSTEM MODULES .. 10 TAG 10 PROPERTIES INSPECTOR .. 11 REAL TIME HTML INSPECTOR .. 11 STATISTICS .. 12 6 TOOLBAR 13 FORMATTING TEXT APPEARANCE .. 13 FORMATTING PARAGRAPHS & LISTS .. 15 WORKING WITH PORTIONS OF TEXT .. 17 INSERTING ELEMENTS .. 20 VIEW .. 26 MISCELLANEOUS .. 27 OTHER KEYBOARD SHORTCUTS .. 29 7 FORMATTING TEXT.

2 29 CHANGING THE TEXT FONT .. 29 CHANGING THE TEXT SIZE .. 30 APPLYING TEXT COLORS .. 30 SETTING TEXT ALIGNMENT .. 31 INDENTATION .. 32 APPLYING CSS 33 END user DOCUMENTATION 3 APPLYING PARAGRAPH STYLES .. 34 APPLYING FORMATTING TROUGH THE FORMAT SET TOOL .. 34 APPLYING FORMATTING TROUGH THE FORMAT PAINTER TOOL .. 35 8 COPYING FORMATTED TEXT FROM MICROSOFT WORD AND OTHER APPLICATIONS .. 36 PASTE BUTTON OR CTRL+V .. 36 PASTE FROM WORD BUTTON .. 37 PASTE FROM WORD, STRIP FONT BUTTON .. 37 PASTE PLAIN TEXT .. 37 PASTE AS HTML .. 37 PASTE HTML .. 37 PASTING CONTENT IN NON IE BROWSERS .. 38 STRIP WORD-FORMATTING AFTER PASTE.

3 39 PASTE MARKDOWN .. 40 9 WORKING WITH HYPERLINKS .. 40 INSERTING A HYPERLINK .. 40 INSERTING A HYPERLINK VIA THE INSERT LINK DIALOG .. 41 MODIFYING A HYPERLINK .. 42 MODIFYING A HYPERLINK VIA THE INSERT LINK DIALOG .. 43 REMOVING A HYPERLINK .. 43 INSERTING ANCHORS .. 44 INSERTING E-MAIL LINKS .. 45 INSERTING CUSTOM LINKS .. 46 10 FIND AND REPLACE .. 47 11 WORKING WITH TABLES .. 49 CREATING A TABLE USING THE TABLE BUILDER .. 49 END user DOCUMENTATION 4 CREATING A TABLE USING THE TABLE WIZARD .. 49 CREATING A TABLE USING THE INSERT TABLE LIGHT DIALOG .. 51 INSERTING A TABLE FROM MICROSOFT EXCEL OR OTHER APPLICATIONS.

4 52 TOGGLE TABLE BORDERS .. 52 FORMATTING TABLES .. 53 TABLE PROPERTIES EXPLAINED .. 53 CELL PROPERTIES EXPLAINED .. 54 INSERTING/DELETING ROWS AND COLUMNS .. 56 MERGING/SPLITTING CELLS .. 57 RESIZING TABLES .. 57 FORMATTING TABLES WITH CSS CLASSES .. 58 12 CREATING BULLETED/NUMBERED LISTS .. 59 13 INSERTING SPECIAL CHARACTERS ( , , , , , ETC.).. 60 14 INSERTING DROPDOWN MENUS (INSERT SELECT DIALOG) .. 61 15 WORKING WITH IMAGES .. 62 INSERTING AN IMAGE FROM THE WEB-SERVER .. 63 UPLOADING IMAGES ON THE WEB-SERVER .. 64 IMAGE EDITOR DIALOG .. 65 EDITING IMAGE PROPERTIES .. 66 EDITING IMAGE PROPERTIES VIA THE INSERT IMAGE DIALOG.

5 68 ABSOLUTE POSITIONING .. 69 16 WORKING WITH FLASH ANIMATIONS .. 69 INSERTING A FLASH ANIMATION FROM THE WEB-SERVER .. 69 UPLOADING FLASH ANIMATIONS ON THE WEB-SERVER .. 71 SETTING FLASH 72 17 WORKING WITH SILVERLIGHT ANIMATIONS .. 73 END user DOCUMENTATION 5 INSERTING A SILVERLIGHT ANIMATION FROM THE WEB-SERVER .. 74 UPLOADING SILVERLIGHT ANIMATIONS ON THE WEB-SERVER .. 75 SETTING SILVERLIGHT PROPERTIES .. 76 18 WORKING WITH WINDOWS MEDIA .. 77 INSERTING WINDOWS MEDIA FROM THE WEB-SERVER .. 77 UPLOADING WINDOWS MEDIA ON THE WEB-SERVER .. 80 SETTING WINDOWS MEDIA PROPERTIES .. 81 19 INSERTING YOUTUBE AND VIMEO VIDEOS.

6 82 20 WORKING WITH DOCUMENTS .. 83 INSERTING DOCUMENTS .. 84 UPLOADING DOCUMENTS ON THE WEB-SERVER .. 85 21 WORKING WITH TEMPLATES .. 86 INSERTING TEMPLATES .. 86 UPLOADING TEMPLATES .. 87 22 USING THE IMAGE MAP EDITOR .. 89 23 USING THE COMMENTS FEATURE .. 90 24 USING THE TRACK CHANGES FEATURES .. 90 USING THE TRACK CHANGES COLLABORATION FEATURE .. 90 USING THE TRACK CHANGES DIALOG .. 92 25 USING THE FORMAT CODE BLOCK DIALOG .. 93 26 SPELL-CHECKING .. 94 27 USING CODE SNIPPETS .. 95 INSERTING CODE SNIPPETS .. 95 28 CREATING ACCESSIBLE CONTENT ("SECTION 508"AND WCAG2 COMPLIANT) .. 96 CREATING ACCESSIBLE TABLES .. 96 CREATING ACCESSIBLE HYPERLINKS.

7 98 CREATING ACCESSIBLE IMAGES .. 100 END user DOCUMENTATION 6 USING HEADERS IN CONTENT .. 101 PROVIDING GOOD COLOR CONTRASTS FOR CONTENT .. 101 XHTML VALIDATOR DIALOG .. 103 29 USING THE HTML MODE .. 104 30 THE PREVIEW MODE .. 105 31 PRINTING CONTENT .. 106 1 ABOUT THIS GUIDE Purpose This guide provides comprehensive guidelines and step-by-step instructions for working with the Telerik RadEditor for AJAX, the high-end WYSIWYG content editor for Who should use this guide This guide is intended for end-users of RadEditor. For deployment and configuration instructions, please refer to the "Deployment manual " shipped with the product distribution.

8 2 ABOUT RadEditor RadEditor is a powerful WYSIWYG (What You See Is What You Get) content editor allowing even non-technical users to author and manage HTML content as easily as writing a document . In its familiar Word -like interface users can seamlessly format text, set hyperlinks, build tables and insert images, Flash, documents, etc. Note: Some of the features described in this manual may not be available in your specific application. Please consult your product developer for availability of features and further instructions. 3 Authoring Tool Accessibility Guidelines (ATAG) END user DOCUMENTATION 7 Authoring Tool Accessibility Guidelines (ATAG) is a guideline, which assists developers in designing authoring tools that produce accessible Web content and assists developers in creating an accessible authoring interface.

9 It is just as important that all people be able to author content as it is for all people to have access to it. Telerik RadEditor fully satisfies the requirements for Conformance Level "A" of Authoring Tool Accessibility Guidelines (ATAG): Ensure that the author can produce accessible content in the markup language(s) supported by the tool: RadEditor offers support for producing and editing XHTML. RadEditor supports all XHTML and HTML specifications and structural features of these markup languages. The editor allows the author to directly edit the source markup (so knowledgeable authors can ensure accessible content).

10 The author is able to see and edit the produced content in HTML mode. The RadEditor s Image manager and Insert Image dialog allow the addition of equivalent alternatives for all supported image formats. The RadEditor s Accessibility Validation tool dialog can be used to check if the produced output is not accessible. The dialog uses the HiSoftware Compliance Sheriff Accessibility Module. RadEditor preserves all accessibility information during authoring, transformations, and conversions. RadEditor generates out-of-the box XHTML compliant markup. RadEditor does not automatically generate equivalent alternatives and does not reuse previously authored alternatives without author confirmation.