Home

END USER DOCUMENTATION 1 End-user manual

1. 59 SETTING FLASH PROPERTIE Cri es 60 15 WORKING WITH SILVERLIGHT ANIIIATEPOURNGS 61 15 1 INSERTING A SILVERLIGHT ANIMATION FROM THE WEB SERVER erret tnn 61 15 2 UPLOADING SILVERLIGHT ANIMATIONS ON THE WEBSDERYVE Racist ciectk es dinde 63 153 PROPERTIES em AREE 64 WORKING WITH WINDOWS MEDIA s asasaiitnzienkcidana enini deren p nbunona p Pr ovr enc n n FER 65 16 1 INSERTING WINDOWS MEDIA FROM THE WEB SERVER e eerreren rennen nnne ntn tentent 65 16 2 UPLOADING WINDOWS MEDIA ON THE 00 0001 68 RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 16 3 SETTING WINDOWS MEDIA PROPERTIES wisssssssssssscsscsccsecsecsecsecsecsecsecsecsecsecseesecseeseesarsecsacsarsacsassansansarsansansansasees 69 17 WORKING WITH 70 17 1 INSERTING DOCUME
2. 24 6 1 ee 24 6 2 CHANGING 25 6 3 E 25 6 4 26 6 5 27 6 6 28 6 7 APPLYING PARAGRAPH 5 29 RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 7 COPYING FORMATTED TEXT FROM MICROSOFT WORD AND OTHER APPLICATIONS 29 7 1 PASTE RUTT V ON 29 re PASTE FROM een nee eee ee eee ee ee UE 30 223 PASTE PROM WORD STRIP FONT BUTTON ar 30 7 4 Teea RE 30 7 5 PASTEAS H TM 30 7 6 ASTRA 30 7 7 PASTING CONTENT IN NON E BROWSERS 31 Vel STRIP VWORDSFORMATTING AFTER
3. 81 24 3 CREATING ACCESSIBLE IMAGES cn dca ED AS EYE UN KE 82 24 4 XHTML VALIDATOR DIAL GDG vd 83 25 USING THE HTMUMOQODB 83 260 THE PREVIEW MOD E dte p EC N E 84 PRINTING 85 1 ABOUT THIS GUIDE 11 Purpose This guide provides comprehensive guidelines and step by step instructions for working with the Telerik RadEditor for ASP NET AJAX the high end WYSIWYG content editor for ASP NET RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 1 2 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 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 RadEditor TOOLBARS RadEditor toolbars are a set of buttons and dropdown lists you click t
4. L Items 1 0 5 of 5 X Click Insert to finish or Close to cancel the operation 15 2 Uploading Silverlight Animations on the Web Server telerik You can use the Silverlight Manager dialog to upload Silverlight XAP files from your computer to the web server Once uploaded the XAP file appears at the bottom of the file list in the current folder RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Silverlight Manager E re E Upload Remove Overwrite if file exists Max file size allowed 200 00 KB File extensions allowed Upload Page 1 of 1 Items 1405 5 Inset Cancel To upload new Silverlight files on the web server do the following vi Click the Silverlight Manager button to open the dialog vii Navigate to the folder in which you want to upload the Silverlight viii Click the Upload button IX Click the Select button to select a XAP file from your computer The multiple file upload controls allow you to upload multiple Silverlight files simultaneously X Click Upload 15 3 Setting Silverlight Properties Once a Silverlight object is inserted you can manage its properties Click the Silverlight animation to open the Silverlight Manager a4 again The properties pane in the right hand side of the dialog loads the properties of the
5. 32 5 OL ISO en nt ere 32 8 1 32 9 2 INSERTING A HYPERLINK VIA THE INSERT LINICDIALOG 33 9 3 E 34 8 4 MODIFYING A HYPERLINK VIA THE INSERT LINE DIALOG S 22 35 8 5 siue B eec 35 8 6 PE a 35 8 7 CUPIS 36 8 8 A Do 9 EET BOE S TOR te sd ulcer ct 38 17 7 40 CREATING A TABLE USING THE TABLE BUILDER iacuit iecit antantuc mutent xci mese bua dn ree 40 10 2 CREATING TABLE USING THE TABLE W IZARD vetus busted 40 10 3 INSERTING A TABLE FROM MICROSOFT EXCEL OR OTHER APPLICATIONS eerte 42 EDT TAEUEDUDIED ianuas iudici 42 105 FORMATIING EM 42 RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX TARLA PROPRIE EPEAN onsite eee ee eee bab reer 43 10 7 CELLPROPERTES EXPLAINED on oe een ee ee Aa 44 10 8 INSERTING DELETING ROWS AND COLUMNS 46 TU MEIRGING SPLITTING CELLS 47 TOTO
6. A Insert a Hyperlink Hyperlink manager Ctrl K ES ri Insert Link lite dialog Sy Remove Hyperlink Ea Ctrl Shift K Insert Special Character Ox Working with templates Opens the Image Map editor The Image Map allows you to create images containing one or more invisible regions which are linked to other pages otherwise known as a hotspots Working with Image Maps Inserts a table in the RadEditor Inserting a table the RadEditor is as easy as in Microsoft just click the button and select the number of rows and columns you would like to create The table is inserted at the cursor position Working with tables Makes the selection a hyperlink This button allows you to create a hyperlink from the selected text number or image In the hyperlink dialog you need to choose the type of link you want to insert Hyperlink Anchor or E mail Working with hyperlinks Makes the selection a hyperlink This dialog is a light version of Hyperlink Manager The dialog s content is shown without any delay when loaded Removes hyperlink from the selected text number or image Select an image text in a hyperlink anchor or e mail link and click this button to remove the link Inserts special character s Click this button to display a dropdown list with the built in special characters Select a character to insert at the cursor position If the character you want to in
7. Upload Ieditar 08G 3SP1ilmagesiliserbirPublicRelatians Specify Class ID Class ID 13 6153 00 CDAF FOF AAD Height 150 xd Images Filename Size Anaseini RadNavigation avi 93947 a Pi Marketing Banners Align Properties i Preview Properties 4 Page 1 Items 1to 1 of 17WORKING WITH DOCUMENTS The Document Manager allows you to insert hyperlinks to document files stored on the web server by simply selecting them from a list The dialog is similar to the Image Manager and allows you to browse upload and delete documents 17 1 Inserting Documents RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Document Manager m 1 Upload Images Filename Size Browserlcons Banners 3 UserDir Logos z Marketing Print Banner per Telerik at TechEd doc 31732 Link Text Telerik at TechEd doc ree Target New Window Print Tooltip Telerik at TechEd CSS Class Apply Class 4 p oy Page 1 of 1 Items 1to 5 of 5 met Cancel i Optional Select some text or an image that you want to set as the hyperlink to the document li Clickthe Insert Document button Ei lii A dialog opens to display a list of folders and documents that you are allowed to browse Select the document you want to insert IV Optional Type a tooltip This is an Accessibility option as well Th
8. ouo PR on etme neem LEE 47 10 11 FORMATTING TABLES WITH CSS 48 CREATING BULLEIED NUMBERED LIS TS 49 12 INSERTING SPECIAL CHARACTERS ETC csssssssssssssssssssssssssssssssssssssssssssssssssssssssesese 50 t WORKING WITH IMAGES Giicmvanandiqia e nEaN REOOO NEE NNN 51 13 1 INSERTING AN IMAGE FROM THE WEB SERVER sssssarunssarnnosannnosunnnosnnnnonnnnnosnnnnnsnanunonananonannonananonananonanarosanaronas 51 13 2 UPLOADING MAGES ON THE 2 lt 53 ERE 54 154 EOIN MAGE PLOP RTE EIE DEDE 55 135 EDITING IMAGE PROPERTIES VIA THE INSERT IMAGE DIALOG eren nnne ntes tenttn tentant 56 97 14 WORKING WITH FLASH ANIMATIONS 57 14 1 INSERTING A FLASH ANIMATION FROM THE 5 57 14 2 UPLOADING FLASH ANIMATIONS ON THE WEB SERVER
9. Provides the ability to edit and format code blocks of text whether they be HTML CSS JavaScript as well as C and VB code RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX Track Changes Dialog Provides comparison between two contents Style Builder Dialog 4 Provides options to define cascading style sheet CSS style attributes A CSS style combines individual formatting and positioning attributes into an attribute set that you can apply all at one time 5 7 Other keyboard shortcuts Some of the general keyboard shortcuts valid for Microsoft Windows and Internet Explorer will work in the RadEditor as well For your reference we have included some of them in addition to the keyboard shortcuts described above Selects the whole content of the editor text images tables etc Ctrl W Closes the active window Alt F4 Closes the active application 6 FORMATTING TEXT 6 1 Changing the Text Font To change the font of some text select the text first and then select a font from the dropdown list on the toolbar RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Em 9 C iu dB BI Ua 2 1 Apply CSS Custom Lin Times Mew rial Courier Georgia MS Sans Serif segoe CO Bep NI 38 6 2 Changing the Text Size To
10. 24 3 Creating Accessible Images Cancel telerik An image can be interpreted by the narrative software if you specify an additional description in the Long Description field Properties Width 1 Height 92 Barder Calar Barder Width Alt Text product logo Long Description RadEditor Product Lagal Image Alignment 3 Image Sre http demos telerik carr Tap Margin Battom 55 Class Apply Class E OK hs Cancel RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 24 4 XHTML Validator dialog XHTML Validator is used for real time validation of XHTML compliance This dialog uses the W3C XHTML Validator Page to perform validation of the current editor content The W3C service returns a compliancy report right within the editor dialog This feature eliminates the need for manual copy pasting of the HTML and validation in a separate browser window You can check the HTML content you are currently working clicking the Ba button XHTML Validator XHTML 1 1 CO XHTML 1 0 Strict CO XHTML 1 0 Transitional C HTML 4 01 Markup Validation Service Check the markup HTML SHTML af Web documents Jump To Congratulations Icons source Listing This document was successfully checked as XHTML 1 1 Result Passed Browse File Use the selection box
11. B 0 7 Times Mew Apply CSS CL Custom Links Narmal RadEditor FOR ASP NET AJAX i RadEditor is not simply an HTML Editor It is what chose to use in MSDN G CodeFleg TechNet and even as an alternative to the default editor in SharePoint Whether you need a mere Textbox with Google like spellchecker or a Word like content authormg environment the result is the same clean XHTML output fast rendering widest cross browser support and tons of features Design lt gt HTML a 2 9 Zoom DT Words 102 Characters 707 n The modules can be shown or hide via the Module Manager split button s Zoom X Words 102 Characters 707 n GP Statistics 2 Tag Inspector 3 amp Properties Inspector 3 Real Time HTML View 5 TOOLBAR BUTTONS 5 1 Formatting Text Appearance The buttons in this section work on a selected portion of text For some tools it is enough to position the mouse cursor in a word to apply the necessary formatting RadEditor FOR ASP NET AJAX Bold B Ctrl B Italic Ctrl I Underline Ctrl U Strikethrough DA Font Name Times New Font Size Text Color Foreground LA 3 Text Color Background END USER DOCUMENTATION vtelerik Applies bold formatting to the selected text Select the text and click to apply bold If the cursor is in a
12. 71 RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX RadEditor FOR ASP NET AJAX Version 2010 1 415 End user manual Last revision May 04 2010 RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX MEE e uolo UL c M 5 1 1 dir c 5 LZ W HO SHOULD USE THIS CUIDE 6 B O erra 6 3 PADEP ORT O OLE a E A E ATAA 6 SYSTEM MODULES sisine 7 4 1 T O 8 4 2 l POPDPTIBSDOEBETUB usui uade EAE MEE E 8 4 3 ed E PEC 9 4 4 o dt 10 5 TOOLBAR DUTI ON S onam drm RHENUS Dna MM REID UNUM MIU NONU RN 11 5 1 FORMATTING TEXT aE RE EAE REESEN E aM EURO DES 11 5 2 FORMATTING PARAGRAPHS amp LISTS 13 52 WORKING WITH PORTIONS 15 5 4 MERERI ECEN NTS a reece EEEE EEES EE AE E 18 5 5 Y 21 5 6 MUM NEO ier S E nce eee ee 22 5 7 OTHER KEYBOARD SHORTCUT cae apa cnc tuus puni AEAEE 24 6 PORTA
13. Insert Row Below Co e Il 58 Delete Row al Insert Column to the Left Insert Column to the Right Delete Column RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX You can insert new columns in a similar fashion To delete rows or columns simply place the cursor in the respective row column and select Delete Row Column from the context menu 10 9 Merging Splitting Cells E Insert Column to the Left H Insert Column to the Right Delete Column Merge Cells Horizontally Merge Cells Harizantalls Es Merge Cells Vertically Split Cell Split Cell Horizontally To merge a cell with the adjacent cell do the following Select the cell ii Right click to open the context menu iii From the menu select Merge Cells Horizontally Vertically To split a cell do the following I Select the cell ii Right click to open the context menu iii From the menu select Split Cell Split Cell Horizontally 10 10Resizing Tables You can resize an existing table in two ways by specifying dimensions in the Table Properties tab explained in the previous sections RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX by direct drag and drop Custom Links Normal EE ie Design lt gt HTML a By cece 9 2 0 Characters 0 E To res
14. Page lof L Items 1to 1 of Cancel Locate the Windows Media file that you want to insert and click to select The default Windows Media properties display in the right hand side of the dialog RadEditor END USER DOCUMENTATION FOR ASP NET AJAX telerik Media Manager 2 9 O upon EE feditar2z009Q35P1 magesfUserDinPublickelations EZ F Images Filename Size I RadNavigation avi 93947 3r UserDir Align a Marketing Properties Banners l Logos Print Specify Class F Width Height P Templates Preview Properties 4 p 2 Fage L Items Lto 1 Cancel iv Select the Switch to Preview Mode checkbox to see a preview of the Windows Media Depending on the file size this may take a while Q RadEditor END USER DOCUMENTATION FOR ASP NET AJAX Media Manager re Upload Ieditar 008G 3SP1iImagesiliserbirPublicRelatians 2 E Images Filename Size Browserlcons Ej RadNavigation avi 93947 J E UserDir J E Marketing E Banners Logos E Print PublicKelations Templates stelerik Page lof 1 Items 1to 1 of Insert Cancel v Click Insert to finish or Close to cancel the operation 16 2 Uploading Windows Media on the Web Server You can use the Media Manager dialog to upload Windows Media from your computer to the web server Once uploaded the Windows Medi
15. RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX RadEditor allows you to insert external files e g a file with pre formatted tables signatures etc into the editable area Those files are called Templates and can be in any format that your server will allow you to read Templates are similar to code snippets the only difference being that they are obtained from individual files the user can browse upload delete etc 18 1 Inserting Templates Template Manager sn Ieditar2 08G 3SP1 lmagesillserbirMarketing EZ F Images Filename Size E Browserlcons F Banners z F3 Logos 2007 06 html Banner 4 2001 07 html E Logos E E Templates Page L Items 143 of 5 Insert Click the Insert Template button M I A dialog opens to display a list of folders and template files that you are allowed to browse Select the file you want to insert You see the preview of the file in the preview window li Click Insert The template will be inserted in the editable area 18 2 Uploading Templates You can use the Template Manager dialog to upload template files from your computer to the web server Once uploaded the file appears in the File Browser at the bottom of the file list in the current folder RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Template Manager Un F9 upload feditor2 009Q35P1 lmagesiserbinMarketing Banners i F Imag
16. lt li gt lt li gt lt en gt Unmabched Loading Speed and Performance clem lt li gt lt li gt zem MicrasafE Word like Spell checking lt fem gt lt li gt lt li gt em 5even Ways Pasting From Word lt fen gt lt li gt lt li gt lt enm gt Multilevel Undo Redo with Action Trails Z emz lt li gt lt li gt lt em gt Extended Functionality Through Integrated Controls lt fen gt lt li gt lt li gt lt em gt Industry best Cross browser Support lt fem gt lt li gt Design 4 HTML 8 Preview 26 THE PREVIEW MODE After editing the document in the editor preview users may like to see a preview before updating the page The editor switches to the Preview Mode with a single click of the preview button a RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 1 M MM E um Dear Thank you for inquiring about Your request vill be processed in 48 hours and shipped at the address you have provided Please contact us if you have any problems Design 9 HTML 9 Preview 27 PRINTING CONTENT To printthe whole web page including the RadEditor click the Print button N It will open the Printer Properties dialog where you can choose a printer and printing options To print only the content of the RadEditor do the following i Make sure the cursor is positioned inside the editor s content li Press Ctrl A to select the whole content Click the Print a
17. pixels 55 pixels 6 Clear Class 1 tableStyle2 tableStyle3 Y Cell Properties mm Accessibility CSS Class Layout CSS Class Layout Apply special formats to Heading Row First Column Last Row Last Column Preview East West South Total OK Cancel 11 CREATING BULLETED NUMBERED LISTS To create bulleted or numbered lists do the following I Select the text that you want to convert to a bulleted numbered list li Click the Bulleted Numbered list button on the toolbar lii Press Enter to create a new list item IV Press Ctrl Enter to end the list Stelerik RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX e ri x Times Mew 2 MS Custom Links Bulleted List Among the hottest features of RadEditor are Ciut of the box AA TM enabled uinui Unmatched Loading speed Performance Aerosoli Word like Spell checking never Ways for Pasting from Word Afulitievel with Action Trails Extended Functionality Through Integrated Controls Incdustry best Cross browser Support Design lt gt HTML Preview l Zoom lis Words 37 Characters 306 2 to create an inner level of numbering or v Click the Indent or Outdent buttons bullets 12 INSERTING SPECIAL CHARACTERS etc To insert a special character do the following
18. In addition from the Existing Anchor dropdown list you can select an anchor inserted in the current document Hyperlink Manager PO x yperlink 4 Anchor E mail URL all Link Text Tooltip Anchor CSS Class Apply Class Cancel vii Change the Type to Other viii Click OK 8 7 Inserting E mail links E mail links do not lead to other web pages but rather open the default e mail application on your machine and prompt you to send a message to the provided addressee When creating e mail links you can also specify default subject for the message e g Request for information RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX Hyperlink Manager Hyperlink Anchor Address suppart amp atelerik com Link Text ContactUs Subject Request for Information CSS Class Apply Class Cancel Select the text image that you want to set as e mail link I Click the Hyperlink Manager button The Hyperlink Manager dialog appears li Click the E mail tab lii Enter the e mail address in the Address field IV Optional Enter a text that will appear as an e mail link V Optional Enter a subject for the e mail message in the Subject field Vi Optional Select a CSS Class from the dropdown list vii Click OK 8 8 Inserting Custom Links In some cases RadEditor may be configured to display
19. Words 01 Characters 555 n 6 6 Applying CSS Classes Predefined CSS classes are used to ease the process of formatting To apply a CSS class select the text first and then select a class from the CSS Class dropdown list on the toolbar 3 5 9 levee LA d App css CL Clear Class redText listSquare To clear an activated CSS Class is as easy as applying it To clear the CSS class select the text first and then select Clear Style from the CSS Class dropdown list RadEditor END USER DOCUMENTATION telerik 6 7 Applying Paragraph Styles Predefined paragraph styles are used to ease the process of formatting paragraphs The user can apply consistent paragraph styles to a document The predefined styles include different heading styles and other styles defined by the developer To apply a paragraph style to some text first place the cursor within the text then from the paragraph styles dropdown list select the style you want to apply d dis 9 Of etn mtm Times Mew R 24pt Apply CSSCI Telerik RadEditor RadEditor is not simply HTML Editor It 12 what Microso D CodeFleg and even as an alternative to sharePomnt Whether you need a mere Textbox with Google Heading 2 like content authormg environment the result is the same cleg rendering widest cross browser support and tons of feature e Cut af ihe hox AAPA enabled Outp
20. dialog li Navigate to the folder in which you want to upload the Flash lii Click the Upload button IV Clickthe Select button to select a Flash animation from your computer The multiple file upload controls allow you to upload multiple flash files simultaneously V Click Upload 14 3 Setting Flash Properties Once a Flash animation is inserted you can manage its properties Click the Flash animation to open the Flash Manager 2 again The properties pane in the right hand side of the dialog loads the properties ofthe current animation and allows you to change them RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Flash Manager c re Upload Teditarz ga3sP1imagesiliserDirarketing Specify Class ID 3 Images Filename Tu Class ID clsid D27 CDBGE AEGD 1 i p F lLagas sl Height gt a E Print a Marketing Quality high 2 ASP AJAX banner swf 154073 hiah Ic medium Loop low Banner i Logos gi Reparting_banner swf 314546 Play gi Silverlight banner swf 287221 Flash Menu PublicRelatl Flash Align Left Preview Properties 4 c L Items Lto 6 of 6 Insert Cancel 15WORKING WITH SILVERLIGHT ANIMATIONS Working with Silverlight animations is quite similar to working with images The Silverlight Manager allows you to perform almost the same tasks as the Image M
21. for a table gives some options for advanced table handling e Background Image Sets an image as the table background CSS Class Specifies table CSS class and style This property should be used only by advanced users e Style Builder Provides options to define cascading style sheet CSS style attributes A CSS style combines individual formatting and positioning attributes into an attribute set that you can apply all at one time 10 7 Cell Properties Explained The Cell Properties dialog allows you to fine tune the appearance of individual cells of a given table You can reach the Cell Properties tab in either of the following ways e From the Table Wizard click the Cell Properties tab RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Table Wizard Table Design Table Properties Cell Properties Accessibility M Preview Cell Properties Height gt piels Width gt pixels Content E 2 i Alignment Background 7 Style Builder 2 C55 Class Apply Class text wrapping Cancel e Right click a table cell and select Cell Properties from the context menu This opens the Cell Properties dialog Once the Cell Properties dialog tab is opened you can set the appearance of the individual cells This involves setting one or more of the following cell properties Width Height Specifies the height and the width of the selected cell in pixels or p
22. 250 asp net 16462 a 279 60 DNR gif 1034 HS BusyBoxDotNet gif 5061 Marketing PublicRelat Templates chrome qif 454 Copy 2 of 16462 2 of 279 60 7039 Copy 2 of 5061 Stelerik 2 of 459 l 2 of Copy of 5061 2 of 3807 2 offf gif 477 4 E Fage 2 Items 140 100 of 110 Cancel Preview Properties C p 13 2 Uploading Images on the Web Server You can use the Image Manager dialog to upload images from your computer to the web server Once uploaded the image appears in the Browse Files tab at the bottom of the file list in the current folder To upload new images on the web server do the following i Click the Image Manager button E to open the dialog ii Navigate to the folder in which you want to upload the image iii Click the Upload button on the toolbar iv Click Select to select an image from your computer The multiple file upload controls allow you to upload multiple images files simultaneously v Click Upload FOR ASP NET AJAX RadEditor END USER DOCUMENTATION telerik Image Manager Un Upload jm ImageEditor 4 Heditoran ga38Plmages a Upload poe Select Remove Ec pd Overwrite if file exists Max file size a
23. 4 Paste plain text The Paste Plain Text button 7 works similarly to Paste from Word but removes all HTML formatting and pastes plain text preserving the line breaks 7 5 Paste as HTML The Paste as HTML tool allows you to paste the HTML content from Clipboard as code which may be quite convenient for developer oriented applications e g support systems forums etc The pasted text will look something like this img alt src radEditor logo gif gt lt br gt lt br gt lt span style font family arial strong What s new lt strong gt lt span gt 7 6 Paste HTML This dialog helpful when you need to enter predefined HTML code such as media embed source E i Click the icon to launch the dialog allows you to paste HTML code in to the editor s current selection and render it It is Q RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX ii In the textarea paste the HTML content that you want to be rendered in RadEditor s content area iii Click OK Please insert the Html content which you want to paste object width 480 height 365 gt lt param name movie value http www youtube com v QTOe5XqNZdo amp hl en US amp fs 14 gt param param name allowFullScreen value true gt lt param gt lt param name allowscriptaccess value always gt lt param gt lt embed src http www youtube com v QTOe5XqNZdo amp hl en US amp 1 amp type applicat
24. Editor FOR ASP NET AJAX RadEditor is not simply HTML Editor It 12 what Microsott chose to use in MSDN 7 CodePlex TechNet MOMS and even as an alternative to the default editor in ocharePomt Whether you need a mere Textbox with Google lke spellchecker or a Word like content authormg environment the result is the same clean XHTML output fast rendering widest cross browser support and tons of features Design lt HTML Preview s Zoom 3i DIV aligqn center gt IMG alt product logo sre http telerik com aspnet ajanfeditaor Img feditor jpg gt lt DIV gt P gt RadEditor is not simply an HTML Editor It what Microsoft chose to use in CodePlex TechNet MCMS and even an alternative to the default editor in lt title Sharpoint href http fw telerik com products aspnet ajax zharepoint azpx target blank SharePointz Whether you need mere Textbox with Google like spellchecker or a Word like content authoring environment the result is the same clean XHTML output fast rendering widest cross browser support and A href http www telerik com productz aspnet ajax editor aspx 4 4 Statistics This module provides word character count or other analysis of the content It is especially useful when you have a word character limit for an article RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 4299968 1 0
25. I Select the place where you want to insert a special character TAS ii Click the Insert Special Character button Click to select the respective character in the dropdown list RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX cd 80 iis Q v O9 X T a 13WORKING WITH IMAGES The Image Manager dialog allows you to browse folders on the web server just like in a regular Windows Explorer The folders to which you have access are pre set by the site administrator The Image Manager allows you to perform the following tasks browse folders and files sort files by name and type preview images zoom in and out upload new images to the server if you are given permissions to upload in the respective folder Please contact the developer of your application for details about the given permissions generate thumbnails of the uploaded images if you are given permissions to generate thumbnails Please contact the developer of your application for details about the given permissions create new sub folders if you are given permissions to create sub folders in the respective folder Please contact the developer of your application for details about the given permissions delete files and folders if you are given permissions to delete in the respective folder Please contact the developer of your application for details about the given permissions 13 1 Inserting an Image from the Web Server Posit
26. Image Save As 276x250 asp net featured thumb gif Overwrite if file exists Save Cancel RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX 13 4 Editing Image Properties Once the image is inserted you can manage its properties through the right click Options context menu Properties Width 276 Height 250 2 Border Color diy Border Width Alt Text Product Logo Long Description Image Alignment Image Sre editar2008G38P1 Imag Top Bottom zh m Margin C55 Class Apply Class OK Cancel The image properties that can be managed are described below options may vary depending on customization of the dialog I Border Width Specifies the width thickness of the image border Select No Border to remove the border li Border Color Specifies the color of the image border lii Image Alt Text Specifies the alternative text that is displayed in some cases instead of the image IV Long description This is an Accessibility option The text entered in the Long Description field will be read by the Windows Narrator tool RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX vi vii viii Image Alignment Specifies the alignment of the image with respect to the adjacent text images When you choose left or right alignment the text wraps around the image Margin S
27. NTS uas pins CE EM M RSEN MEE 70 17 2 UPLOADING DOCUMENTS ON THE WEB SERVER eren nnn nnne sna sna sra sra sra seats 71 18 WORKING WITH TEMPLATES Ro ERR Ed RKE Ree EEERE RE Y XY M2 AXE Ld tx koc 22 18 1 INSERTING TEMPLATES uvesccssssssscscsecsecsecsecsecsecsecsecsecsecsecsecsecsecsecseeseuseesacseesecseesaeseeseesaesassassassansessansassassansansansansasens 72 18 2 UPLOADING ITEMPLATE A 73 19 USING THEIMAGE MAP EDITOR 74 20 USING THE TRACK CHANGES DIALOG AAAA ATH XY FRENOS EET OR 75 21 USING THE FORMAT CODE BLOCK 77 PME IU DUE Ol E en ee eee eee eee mene ee ee eee ee ee 78 23 USING 5 79 eal TTG D 22 79 24 CREATING ACCESSIBLE CONTENT SECTION 508 80 24 1 CREATING ACCESSIBLE TABLES 80 24 2 CREATING ACCESSIBLE HYPERLINKS
28. Printing web page Cuts the selected content and copies it to the clipboard This button works on the selected text image and or table Select some content and click Cut The selected text or image is removed from the page and is stored in the clipboard for later use Please note that only the last cut or copied item is stored in the clipboard This tool is very helpful when you need to relocate a word text within the page just select the M text click place the cursor on the new place and click 8 see below Copies the selected content to the clipboard This button works on the selected text image and or table Select some content and click Copy The content is stored in the clipboard for later use Note that only the last copied or cut item is stored in the clipboard This tool is very helpful when you need to type the same text many times just select the text click aa place the cursor on the new place and click ED see below This way you do not have to type the text over and over This procedure works for images and or tables as well Pastes copied content from the clipboard into the editor After you have either Cut or Copied an item text image etc you can Paste it using this button Place the cursor where you want the item to appear and click E RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Paste From Word Pastes copied content from the clipboard into the editor E Af
29. T CODE BLOCK DIALOG The RadEditor Format Code Block Dialog provides the ability to edit and format code blocks of Markup i e HTML XHTML ASPX XML CSS JavaScript VB code blocks Delphi Python SQL RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX Click Format Code button Es paste lines of text or code into the upper pane of the Format Code dialog then select the format from the Select Language dropdown and finally click the OK button to insert the formatted content into the editor The dialog also provides a Preview button which allows you to see how the formatted content will look depending on the selected Language item in the dropdown before insertion into the content area You can see a sample dialog preview below which shows formatted content prior to insertion in the content area Format Code Block Paste source cade below lt head runat server gt ztitle Untitled Page lt title gt lt style type text css gt tablestylel i color red tableSrylez i color green tablestyles i color blue lt style gt lt head gt lt body gt lt form id forml runat server gt Options Snippet Width 9s Select Language Markup HTML AML Snippet Height px 3e Display Line Numbers C Preview Preview html xmlns http www w3 org 1999 xhtml a zhead runat ser
30. WITH HYPERLINKS 8 1 Inserting a Hyperlink Select the text or object that you want to set as a hyperlink ii Click the Hyperlink Manager button The Hyperlink Manager dialog appears In the URL field enter the web address that you want the link to point to or from the Existing Anchor dropdown list choose an anchor inserted in the current document It is also possible to insert a link pointing to a document by pressing the Document manager icon in the link manager selecting a file and pressing the Insert button iV Optional Fill the Link Text field if you want to specify the text of the link V Optional Select a target for the link RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX vi Optional Enter a tooltip This text will appear when the mouse cursor is placed over the hyperlink text or image vii Click OK Hyperlink Manager i yperlink 1 Anchor E mail URL http Link Text Tooltip CSS Class Apply Class Cancel 8 2 Inserting a Hyperlink via the Insert Link dialog i Select the text or object that you want to set as a hyperlink il Click the Insert Link dialog button 1 4 The Insert Link dialog appears iii In the URL field enter the web address that you want the link to point to iv Optional Fill the Link Text field if you want to specify the text of the link V Optional Select a target for the link vi Optio
31. Wizard click the Table Properties tab Q RadEditor Table Wizard Table Design Table Properties 15005 pixels 55 300 pixels 55 Dimensions Height Width Layout Cell Spacing Cell Padding Alignment Background Calor Style Builder 55 Class Back Image Id T ry Apply Class M 0 B END USER DOCUMENTATION Stelerik 1 Cell Praperties M Accessibility CSS Class Layout telerik reTabla 3 v Apply special formats ta Heading Row Last Row First Column Last Column Preview East West South Total Cancel e Right click inside an existing table and select Table Properties from the context menu This opens the Table Properties dialog 10 6 Table Properties Explained Once the Table Properties dialog tab is opened you can set the appearance of the table This involves setting one or more of the following table properties Width Height Specifies the height and the width of the table in pixels or percent Background Sets the background color of the table e Alignment Aligns the table to the left center or right side of the page FOR ASP NET AJAX RadEditor END USER DOCUMENTATION Stelerik e Cell spacing Increases or decreases the space between the borders of the cells e Cell padding Increases or decreases the space between the content and the border of a cell e Border Includes setting border width color and layout e ID Setting an ID
32. a appears in the File Browser at the bottom of the file list in the current folder FOR ASP NET AJAX RadEditor END USER DOCUMENTATION telerik Media Manager ea Un upload Heditor2009Q3SP1 lmages JserDivPublicRelatons 00000007 Images F Browse Documents and Settings jekov Desktop MediaFiles Select x Remave E Select i Select file size allowed 200 00 KB File extensions allowed wma wmv avi wav mpeg mpg mp3 m3u midi snd mkv Upload Page L Items 1 Preview 7 PFrapertes af Cancel To upload a new Windows Media file web server do the following I Click the Media Manager button to open the dialog li Navigate to the folder in which you want to upload the Windows Media file Click the Upload button Iv Click the Select button to select a Windows Media file from your computer v Click Upload 16 3 Setting Windows Media Properties Once a Windows Media file is inserted you can manage its properties Click the Windows Media object and then open the Media Manager again The properties pane in the right hand side of the dialog loads the properties of the current media file and allows you to change them FOR ASP NET AJAX RadEditor END USER DOCUMENTATION telerik Media Manager m re
33. above IF you wish to re validate the unloaded RadFE himi Modified X undefined server undefined size undefined Content Type text html 25 USING THE HTML MODE More advanced users sometimes need to modify the HTML code of the content directly For this reason RadEditor provides the so called HTML mode that gives you access to the content code Please note that the HTML mode may be disabled by the site administrator 2 D RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 0 4 2 2 2 1 r T is lt div style text align centers gt lt img alt product lago src htkp demas telerik com aspnet ajaxfeditor Imgfeditor jpg gt lt fdiv gt lt p gt RadEditor is not simply an HTML Editor It is what Microsoft chose to use MSDM CodePlex TechNet MEMS and even as an alternative to the default editor in href htto www telerik corm products aspnet jajax sharepoint aspx target _blank gt SharePoint lt a gt Whether vau need a mere Textbox with Google like spellchecker ar Word like content authoring environment the result is the same clean HTML output Fast rendering widest cross browser support and lt a href htkp itiwe Eelerik com producEs aspnet ajaxfeditor aspx target _blank gt of Features elas lt p gt lt li gt em out af Ehe bax XHTML enabled output
34. ading rows columns caption alignment and summary to produce a Tooltip message for each table cell Users with impaired vision can see those Tooltips as they hover over the cells with the mouse You can create a Section 508 compliant table with the Table Wizard Alternatively you can convert an existing table to a Section 508 compliant table using the Table Properties context menu RadEditor END USER DOCUMENTATION FOR ASP NET AJAX Table Wizard Table Design 4 Table Properties M Cell Properties Accessibility Y Accessibility Options sample Caption Text Caption Caption Align E 3ample Summary Text Summary Associate cells with headers I Create anew table with the Table Wizard or open the Table Properties dialog li Click the Accessibility tab Cancel telerik iii In the Accessibility tab fill in the fields Heading rows columns Caption and Summary about the table Select the Associate cells with headers checkbox 24 2 Creating Accessible Hyperlinks A hyperlink can be interpreted by the narrative software if you specify an additional description in the Tooltip field RadEditor Hyperlink Manager S Hyperlink Anchor E mail URL http telerik cam Link Text Target Esisting Anchor yr yt END USER DOCUMENTATION Tooltip The Telerik Pagel CSS Class Apply Class
35. anager and Flash Manager 15 1 Inserting a Silverlight Animation from the Web Server Vi Position the cursor atthe place where you need to insert the Silverlight animation vii Click the Silverlight Manager button 2 from the toolbar A dialog box appears RadEditor END USER DOCUMENTATION FOR ASP NET AJAX Silverlight Manager BPO Q Upload Ieditarz008G33S8P1 lmages Browserlcons Browserlcons s UserDir MultipleXapF iles xap 66432 Silverlight amp pplication Ls 4804 SilverlightApplicatian 13 3715 4 Page Lof L Items 1409 of 5 telerik Width Height 500 Windowless Min Runtime Ver 2 0 31005 0 Auto Upgrade Enable Htm Preview Properties Cancel viii Locate the Silverlight XAP file that you want to insert and click to select it The default Silverlight properties are displayed in the right hand side of the dialog Click the Preview tab to see a preview of the Silverlight file Depending on the file size this may take a while RadEditor END USER DOCUMENTATION Silverlight Manager de Hm upload 2 009 5 mages Userna 1 Role 2 IE Filename Brace leas 5 3 UserDir MultipleXapFiles xap 66432 SilverlightApplication lx 4004 SilverlightApplication 13 3715 Preview Properties FM MEE 4
36. and insert a set of frequently used links Such links may be all the web pages of a site a k a Internal Links They will appear in the Custom Links Custom Links dropdown list As a result you can quickly assign a predefined hyperlink to an object and type its URL address RadEditor END USER DOCUMENTATION telerik y 55 Or OTA E ia Times New R 2 Apply CSS CI amp amp 1140 5 X l telerik Products Purchase Support Client Met Microsoft Site MSDN Online Windows Update Search Engines Google C m Mg a Design lt gt HTML a Preview 2 LT Words 0 Characters 0 P I Select the text or image that you want to set as a hyperlink ii Click the Custom Links dropdown list stem Links lii From the dropdown list select the desired link 9 Find and Replace To find and subsequently replace a word or passage of text in the content click the 194 button on the toolbar to open the Find and Replace dialog This dialog provides options like search direction scope match case and match whole words only RadEditor END USER DOCUMENTATION telerik x x CO ML 3 P Design 4 HTML Replace T Times Mew lpt Apply CSS Custom Links Mormal EE OR ASP NET AJAX lex mm Rui A et i
37. as code which may be quite convenient for developer oriented applications e g support systems forums etc The pasted text will look something like this img src Image example gif br strong What s new in version 6 0 strong FOR ASP NET AJAX RadEditor END USER DOCUMENTATION Stelerik Paste HTML Pastes copied content from the clipboard into the editor This dialog allows you to paste HTML code in to the editor s current selection and render it It is helpful when you need to enter predefined HTML code such as media embed source Format Stripper Strips removes the formatting from the selected or the whole text Removes Word custom or all formatting 5 4 Inserting elements Image Manager Opens the image dialog E Ctrl G image dialog allows you to insert upload create thumbnails and set image properties Working with images Set Image Properties Edit image properties of an already inserted image Properties dialog Am To edit image properties such as Width Height Border Color Border Width Alt Text Long Description Image Alignment Image Src Margins and apply Css Class to it use the Set Image Properties dialog It could be launched either from the image context menu or through the Properties button ofthe Insert Image dialog Insert Image Light dialog Insert and edit images ta This dialog is a light version of Set Image Properties and its con
38. attributes URL Link Text etc and click OK 8 5 Removing a Hyperlink I Select the text or image that has been set as a hyperlink li Click the Remove Link button EN You will notice that all formatting related to links blue color underline etc will be removed from the text This holds true for the inserted documents as well 9 6 Inserting Anchors The anchor function is particularly helpful if you have a very long web page With this function your readers will be able to jump from one section of the page to another In other words the anchor is used for hyperlinks that lead to the same page or a particular place in another page The anchor defines the destination to which a hyperlink must lead Then you can create a hyperlink and point it to that anchor Hyperlink Manager Hyperlink Anchar E mail M Name Anchort Cancel RadEditor END USER DOCUMENTATION stelerik FOR ASP NET AJAX Define the Anchor Place the cursor where you want the hyperlink to lead li Click the Hyperlink Manager buttona Select the Anchor tab Enter a unique name for the anchor e g product1 iii Click OK Create the hyperlink that will lead to the Anchor Select some text or an image v Click the Hyperlink Manager button E3 again Select the Hyperlink tab vi In the URL filed type 7 followed by the name of the anchor in our case Anchor1 so you will have to enter Anchor1
39. change the font size of some text select the text first and then select a font size from the dropdown list on the toolbar B Gl AE Custom Linl 6 C b Wn 6 3 Applying Text Colors I To apply a foreground color to some text select the text first and then click the Foreground Color button on the toolbar This opens a color picker where you select a color to apply RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX a s ET Custom Lin Verdana li To apply a background color to some text select the text first and then click the Background Color button the toolbar This opens color picker where you select background to apply lpt Apply CSS Cl Custom Lin 6 4 Setting Text Alignment You can set the paragraph alignment to left center right or justify Select the text and from the toolbar click the button for the alignment you want to set RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX d Times Mew l2pt Apply CSS Left aligned content Below are some commonly used properties of RadEditor Feel free to experiment wath the _ various options and witness the effect on the fly Center aligned content Below are some commonly used properties of RadEditor Feel free to experiment with the various options and witness the effe
40. commend the click and drag Table Builder whereas for more complex tables the Table Wizard is more appropriate 10 1 Creating a Table Using the Table Builder I Position the cursor where you want to create the table li Click the Insert Table button Ba on the RadEditor toolbar Drag the mouse cursor to select the number of rows and columns you want Click the left mouse button Alternatively you can click and drag to make the selection x B J U abg X Times Mew L2pt Apply C55 E HOO 11 Table Wizard 0 Es p 9 dd HB HE HH ES 35 Words 0 Characters _ Design lt HTML Preview 10 2 Creating a Table Using the Table Wizard I Position the cursor where you want to create the table li Click the Insert Table button on RadEditor toolbar lii Click the Table Wizard button at the bottom to open the Table Wizard dialog RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 2 Design gt HTML o Preview The Table wizard appears and you can use it to create your table and set its properties To add or remove columns or rows click or next to Columns and Rows Table Wizard v M Y Table Design Table Properties Cell Properties Accessibility Columns gt r Rows Calumns dP Column Span dP Rows Ro
41. ct on the fly Rught aligned content Below are some commonly used properties of RadEditor Feel free to experiment with the various options and witness the effect on the fly Justified content Below are some commonly used properties of RadEditor Feel tree to experiment with the various options and witness the effect on the fly Design lt HTML Preview Words 95 Characters 613 6 5 Indentation Indentation allows you to move the selected paragraph to the left Indent or to the right Outdent The Outdent works only if Indent has been applied To apply indentation to the selected text place the cursor inside a paragraph and click the indentation button RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX A 7 Times New L2pt Apply 55 Below are some commonly used properties of RadEditor Feel free to experiment wath the various options and witness the effect on the fly Outdent Below are some commonly used properties of RadEditor Feel free to experiment with the various options and witness the effect on the fly Outdent Below are some commonly used properties of RadEditor Feel free to experiment with the various options and witness the effect on the fly Indent Below are some commonly used properties of RadEditor Feel free to experiment with the various options and witness the effect on the fly Design lt HTML c Preview a Toom RT
42. current animation and allows you to change them FOR ASP NET AJAX RadEditor END USER DOCUMENTATION telerik Silverlight Manager Upload 009 3SP1 Images li Images Filename E Browserlcons PE F userDir UserDir Width 500 MultipleXapFiles xap 66432 Height 500 es SilverlightApplication Lx 4604 Backqround Color SilverlightApplication 13 3115 Windowless Min Runtime Ver Auto Upgrade Enable Htm Age Preview Properties 4 E Page L Items 5 of 5 Insert Cancel 16WORKING WITH WINDOWS MEDIA Working with Windows Media files is quite similar to working with images and Flash The Media Manager allows you to perform the same tasks as the Flash Manager This includes setting Media specific properties like display size rate etc 16 1 Inserting Windows Media from the Web Server I Position the cursor at the place where you need to inset the Windows Media li Click the Media Manager button 9 from the toolbar dialog box appears Q RadEditor END USER DOCUMENTATION stelerik FOR ASP NET AJAX Media Manager Ieditar 008G 3SP1ilmagesiliserbirPublicRelatians a Images Filename Size Browserlcons 93947 z UserDir a Marketing Banners j Preview Properties poc ele 4 pE
43. e tooltip will be read by the Windows Narrator V Optional Select a target for the link vi Click Insert In case you have selected some text or an image in step i it becomes a hyperlink to the document In case you have not the name of the document appears at the cursor point and is set as a hyperlink to the document 17 2 Uploading Documents on the Web Server RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX You can use the Document Manager dialog to upload document files from your computer to the web server Once uploaded the documents will appear in the File Browser at the bottom of the file list in the current folder Document Manager m re E Upload a Images Browse C Documents and Settings jekovDesktap IMeciaFiles Select a E UserDir Select xRemc e Select x Remove TechEd doc Acc E Overwrite if file exists TechEd Max file size allowed 200 00 KB ION File extensions allowed tt ods xlsx pdf Upload 4 pE p Page 1 of 1 Items Lto 5 of 5 Cancel To upload new Document files on the web server do the following I Click the Document Manager button E to open the dialog ii Navigate to the folder in which you want to upload the Document lii Click the Upload button IV Click Select to select a Document file from your computer V Click Upload 18 WORKING WITH TEMPLATES
44. ercent e Content alignment Aligns the content within the selected cell vertically and horizontally e Background color Changes the background color of the selected cell e Background Image Sets an image as the cell background e Style Builder Provides options to define cascading style sheet CSS style attributes A CSS style combines RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX individual formatting and positioning attributes into an attribute set that you can apply all at one time e ID Setting an ID for a cell gives options for some better cell handling for advanced users and developers e No Wrapping Enables disables text wrapping i e forces a new line when the text reaches the Cell border e CSS Class Specifies cell CSS class and style This property should be used only by advanced users 10 8 Inserting Deleting Rows and Columns Once you have created a table you can easily add or delete rows and columns To do this right click inside a table cell to display the context menu To insert a new row do the following I Place the cursor in the row top or beneath which you want to insert a new row li Right click to open the context menu From menu select the Insert Row Above Below ka e 0 B Z U de 8 7 7 Times New Apply CSS Cl Custom Lin Insert Row Above
45. es Upload Browse Co Documents andl settings jekow MediaFiles Select xRemowve Aclel E Overwrite if file exists Max file size allowed 200 00 KB File extensions allowed html htm Upload Freview To upload a new template file on the web server do the following I Click the Template Manager button to open dialog li Navigate to the folder in which you want to upload the template file lii Click the Upload button IV Click Select to select a template file from your computer V Click Upload 19 USING THE IMAGE MAP EDITOR FOR ASP NET AJAX RadEditor END USER DOCUMENTATION telerik The Image Map allows you to create images containing one or more invisible regions which are linked to other pages otherwise known as a hotspots Here are the steps to create steps to set image maps to an image i Select an image in the content area and click on the Image Map ET button you can also use the Image Map Editor to open modify and insert an image file ii Once the Image Map Dialog opens you can create a hotspot in the opened image select the shape type click and drag within the image to set the size of the Image Map Area iii You can also customize the newly created Image Map area from the provided Properties pane and set the URL to link the hotspot to another web page iv Click OK to insert the modified image map in the content area Image Map Edit
46. ext inserting hyperlinks working with images etc 4 SYSTEM MODULES The System Modules are special tools used to provide extra information for the users who work with RadEditor in Edit mode Currently there are four modules shipped out of the box with the editor RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX e Tag Inspector e Properties Inspector e Real Time HTML Inspector e Statistics Module 4 1 Tag Inspector This module displays the path of the selected item i e the DOM path of the current element It also allows you to select the last innermost tag in the hierarchy and remove it using the Remove Element button Gp 8 amp ee BS aoe B 2 New 3 Apply CSS Custom Links Mormal RadEditor FOR ASP NET AJAX 7 RadEditor is not simply an HTML Editor Itis what Microsoft chose to use in MSDN 2 odePlex Techbet MOMS and even as an alternative to the default editor in DEN SharePoint Whether you need a mere Textbox with Google lke spellchecker or a Word like content authormg environment the result is the same clean XHTML output fast rendenng widest cross browser support and tons of features Design amp HTML OL Preview BUE 4 2 Properties Inspector This is a powerful module that displays the relevant properties of the currently selected element As a result the user can quickly conf
47. ication to text Applies standard or predefined text styles to the selected paragraph This dropdown allows you to change the paragraph style Click anywhere in the paragraph you want to format and select the preferred style from the dropdown Creates a numbered list from the selection Select some text or place the cursor inside a paragraph and click this button to make the text a numbered list Click the button again to turn the numbered list into a regular paragraph of text Creates a bulleted list from the selection Select some text or place the cursor inside a paragraph and click this button to make the text a bulleted list Click the button again to turn the bulleted list into a regular paragraph of text Indents a paragraph to the right This button indents a paragraph to the right Each time this button is clicked the paragraph is indented further to the right Decreases the paragraph indent to the left This button works only if indent has been applied to a paragraph beforehand To use this button click anywhere in the paragraph you want to indent to the left and click Inserts a horizontal line ruler Click this button to insert a horizontal line below the cursor position Stelerik RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX Align Left Aligns the selected paragraph to the left Click this button to align the selected paragraph to the left M Center Alig
48. iew of the Flash animation Depending on the file size this may take a while Q RadEditor END USER DOCUMENTATION telerik Flash Manager 2 009 36 Images Marketing F Images Filename Size Prawserlcans Banners UserDir Print ASP AIAX banner swf 154073 Banner Logos Print g Reporting hanner swf 314548 swf 387221 Templates Preview Properties 4 Page L Items Lto 6 of 6 Insert Cancel v Click Insert to finish or Close to cancel the operation 14 2 Uploading Flash Animations on the Web Server You can use the Flash Manager dialog to upload Flash animations from your computer to the web server Once uploaded the Flash appears in the File Browser at the bottom of the file list in the current folder RadEditor END USER DOCUMENTATION telerik Flash Manager KERETE p feditorz009Q35P 1 ilmages Userbintarketing ee Images Upload e E Browse C Documents and Settings jekov Desktop MediaFiles Select xRemove file size allowed 200 00 KB File extensions allowed swf Upload Preview Prapertres um Page Lof L Items Lto 6 of 6 Insert Cancel To upload new Flash animations on the web server do the following I Click the Flash Manager button 2 to open the
49. igure the element e g set cell width shading image alignment hyperlink etc without the need to open dialogs 7 RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX v oda abe Gu 3 Apply CSS Custom Links Mormal RadEditor FOR AJAX RadEditer 15 not simply an HTML Editor It 12 what Microsett chose to use in MSDN TechNet MEMS and even as an alternative to the default editor in etuer Whether you need a mere Textbox with Google lke spellchecker or a Word juthormg environment the result is the same clean XHIML output fast est cross browser support and tons of features F Design gt HTML Preview Zaom 35 7 URL https www telerik Target blank Hyperlink Manager a ToolTip Sharpoint Classname Classname 4 3 Real Time HTML Inspector This module displays a pane with the HTML code of the content This HTML code is updated and kept in synchrony in real time with the WYSIWYG pane The effect is similar to the Split mode of MS FrontPage if you make a modification in the WYSIWYG pane or the HTML pane the other pane will be automatically updated This module is a great fine tuning tool for advanced users FOR ASP NET AJAX RadEditor END USER DOCUMENTATION Stelerik 22 9 44 Times 13 Apply CSS CL Custom Links Mormal Rad
50. ion the cursor at the place where you need to insert the image FOR ASP NET AJAX Q RadEditor END USER DOCUMENTATION telerik li Click the Image Manager button I from the toolbar A dialog box appears lii To go to anew subfolder double click its name or use the Treeview control to expand the parent folder and access the available subfolder s Image Manager Upload Hl ImageEditor O 9 Ieditar2 gao3SsP1 lmages iE Filename Browserlcans agi Browserlcons UserDir E UserDir 9 275 250 ra Marketing PublicRelat E Templates 8 279x60 DNR gif BusvBoxDatMet qif chrome gif ia Copy 2 of E Copy 2 of 279x60 2 af is Copy 2 of E Copy 2 of Copy of a Copy 2 of Copy 2 of ff gif 4 or iv If the file browser lists more than 100 images use the paging slider to navigate to the rest of the pages Page 2 of 2 Items 101 to E V Locate the image file that you want to insert and click it once A preview of the image appears in the right hand side of the dialog vi Click Insert to finish or Close to cancel the operation RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Image Manager m f re Upload ImageEditor se O 9 0090 images Browserlc ns Brows erlcons 210x250 asp net featured qif rt UserDir FE 276x
51. ion x shockwave flash allowscriptaccess always allowftullscreen true width 480 height 385 gt lt embed gt lt object gt 7 7 Pasting content in non IE browsers When RadEditor is used under Firefox Opera Safari and Google Chrome and any of the paste events discussed above are used a new dialog window appears This is due to browser restrictions that do not allow accessing the content from the clipboard To copy and paste content from and in RadEditor the user should use the Ctrl C and Ctrl V shortcuts The text to be pasted is entered in this dialog After the OK button is clicked this text is added to the editor text area Paste from Word Please use CTRL V to paste below the content you would like to be cleaned Cancel RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX 7 7 Strip Word formatting after paste As an alternative to the Paste from Word tool you may paste the formatted content first and then strip it using the Format Stripper tool Once you have pasted the formatted text in the editor you can remove the Word specific formatting that is not suitable for the web To do that first select the text and then select Strip Word Formatting from the Code Stripper dropdown list Strip All Formatting Strip Css Farmatting Strip Font Elements lefault editor im spellchecker or a L output fast Strip Ward Formatting Strip Span Elements 9 WORKING
52. ironment the result 15 the same clean output fast rendering widest cross browser support and tons of features Cut of the box Output L natched Loading Speed and Performance Microsoft Word lke Spelbchecting F Design lt gt HTML 2X Preview Zoom 52 Words 101 Characters 752 Set editors current cantent as initial ii Enter delete and format some content and once are ready press the track changes button to see the changes iil dialog displays text that was removed from the initial content in red and text that was added during the editing in green Text that remained unchanged retains its original formatting RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX Track Changes Track Changes Deleted Content hat Microsof chose to use in MSDN editor in SharePoint Whether you need a thering environment the result is the same Clean XHTML output fast rendering wides amp pross browser suppdst and tons of features Cut of the box AHTMI enabled Cutput Unmatched Loading Speed and Performance Afticrasayt Word like Spell checking Seven Mave jor Pasting from Word Multilevel Undo Redo with Action Trails New Content Extended Functionality Through Integrated Controls Industry best Cross browser Support Browser OS Windows OS Linux 6 Internet Explorer 6 0 Firefox e CX 21 USING THE FORMA
53. ize a table with a drag and drop do the following I Click the table border to select the whole table Eight small squares will appear in the outer area ofthe table see the screenshot above li You can drag any of these handles vertically horizontally or diagonally to resize the table cells that do not have exact dimensions specified in pixels will be resized evenly to accommodate the new table size 10 11Formatting Tables with CSS Classes CSS class provides an easy and consistent way for formatting tables In order to use the CSS Class you have to first create the table and then open the Table Properties dialog to apply the predefined CSS class To apply a CSS class to a table or an individual cell you need to do the following I Click the table cell Right click to open the context menu li Fromthe menu click Set Table Cell Properties to open the Table Cell Properties dialog tab lii Select the CSS class from the dropdown list at the bottom of the dialog RadEditor IV Click the Update button i v d Ba x H FJ U abe m 9 n 9 Qu ul END USER DOCUMENTATION Table Wizard Dimensions Height Width Layout Cell Spacing Cell Padding Alignment Design Background Color Style Builder C55 Class Back Image Id Times New 13 Apply 55 Table Properties
54. l button to open the Printing Preferences dialog and confirm the printing operation RadEditor FOR ASP NET AJAX Index Section 508 Compliancy 78 Hyperlinks 79 Images 80 81 Tables 78 Alignment 26 Code Snippet 21 77 Insert 77 Color 25 CSS 28 Document Manager 19 68 Inserting Documents 68 Upload Documents 69 Edit Mode Design Mode 21 Find and Replace 36 Flash 19 Flash Animation 55 59 Insert 55 59 Set Properties 58 62 Upload 57 61 Font 24 Formatting Paragraphs 13 29 Formatting Text 11 HTML Inspector 9 HTML Mode 81 END USER DOCUMENTATION Stelerik Hyperlink Accessibility 79 Anchors 33 Custom Links 35 E mail links 34 Insert a Hyperlink 20 30 Remove Hyperlink 20 33 Image 18 49 Absolute Positioning 55 Accessibility 80 81 Edit Properties 53 Insert 49 Upload 51 Indentation 27 Lists 47 Modifying a Hyperlink Modifying a Hyperlink 32 33 Modules 7 Paste 16 Paste As HTML 17 Paste From Word 17 Paste From Word Cleaning Fonts and Sizes 17 Paste Plain Text 17 Preview mode 82 Print 16 83 RadEditor FOR ASP NET AJAX Properties Inspector 8 Size 25 Special Character 20 48 Spellcheck 76 Statistics 10 Table 20 Accessibility 78 Create using the Table Builder 38 Create using the Table Wizard 38 Format with CSS classes 46 Formatting Tables 40 Insert from Excel or other applications 40 Insert Delete Rows or C
55. llowed 200 00 KB File extensions allowed gif pm Png def IPS ype Jpeg D tf 93f ppm pum Spore pnm bmp as ped cgm cal fif 48 cemy wi dwg swf Upload 4 Lo 13 3 Image Editor dialog The Image manager of RadEditor also offers an Image Editor which provides the ability to resize flip rotate crop rename and set the opacity of the selected image 2 Image Manager 2 Press the Image Editor button n Upload Sw Image Editor O 9 ER Bi Images Filename Size J i Browsedrons Browserlcons Image Editor 1 Select an image 276x250 asp net 16462 76x250 asp net featured gif 3 Edit the image Opacity EN Opacity 4 100 e Resize Controls Ws m 0 279x60 DNR gif 7039 BusyBoxDotNet gif 5061 chrome gif 459 Height 4 j 250 2 of 16462 Constrain proportions 2 of 279x60 7039 Flip Rotate ic 5661 None None eee Flip Horizontal w Copy 2 of 459 telerik Flip Vertical 180 Copy 2 of Copy of 5061 deliver more shan expected Flip Both 270 Copy 2 of 3807 Crop Width px 2 of ff gif 477 E EnableCrop i y px Height gt Page 1 of 2 Items Lto 100 of 110 Restore
56. nal Click the All Properties button to set additional properties through the Hyperlink Manager vii Click OK RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Target None E Properties Cancel 9 3 Modifying a Hyperlink I Click inside the hyperlink or in the image if you have an image link li Right click to open the context menu and click Properties Alternatively you may click the Hyperlink Manager button again The Hyperlink Manager dialog will appear lii Modify the hyperlink attributes URL tooltip etc and click OK meo e udieseo B m n 12 Apply CSS Custom Links Normal E For more intormation check the web site of Telerik Properties st Remove Link Properties 1 Design lt HTML Preview J Zoom AS T Words 9 Characters 50 gt gt RemoveElement URL http www telerik Target blank Hyperlink Manager 84 ToolTip Classname Classname RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX 8 4 Modifying a Hyperlink via the Insert Link dialog I Click inside the hyperlink or in the image if you have an image link li Click the Insert Link dialog button gj The Insert Link dialog will appear lii Modify the hyperlink
57. ns the selected paragraph to the center Click this button to center the lines in the selected paragraph m Align Right Aligns the selected paragraph to the right Click this button to align the selected paragraph to the right Justify Justifies the selected paragraph to the left and to the right Click this button to justify the selected paragraph m Remove Alignment Removes the alignment of the selected paragraph Click this button to removes the alignment of the selected paragraph i 5 3 Working with portions of text AjaxSpellChecker Launches the inline AjaxSpellChecker 40 The spellchecker is tool for checking spelling of the written text t RadEditor brings the spellchecking experience to a whole new level with the addition of an inline AJAX spellchecker RadEditor FOR ASP NET AJAX Print Cut Copy Paste EN EJ EE ua Ctrl P Ctrl X Ctrl C Ctrl V END USER DOCUMENTATION telerik You can now check your spelling asynchronously and all your mistaken words will be highlighted inline The context menu on every word gives you a quick and easy way to Change Ignore or Add the word to a custom dictionary Spell checking Prints the contents of the RadEditor or the whole web page Click this button to launch your default printer s dialog box Click OK or Print to print the current page in your web browser You can set your printers properties before printing
58. numbers appear as Superscript When typing text you can click this button to make the text that follows superscript The button also works on selected text You need to click the button again to switch to normal text typing Makes text or numbers appear as subscript When typing text you can dick this button to make the text that follows subscript The button also works on selected text You need to click the button again to switch to normal text typing Converts selected text to lower case When typing text and select it you can click this button to change the text to lower case Converts selected text to upper case When typing text and select it you can click this button to change the text to upper case 5 2 Formatting Paragraphs amp Lists New Paragraph Enter p between clicking this button Inserts a new paragraph This button allows you to insert a new paragraph There is a difference El and clicking Enter Click Enter to RadEditor FOR ASP NET AJAX Paragraph Style Heading 1 Numbered List Bulleted List Leo Increase Indent Decrease Indent Q Horizontal ruler 5 21 END USER DOCUMENTATION Heading 1 create a new line and keep the paragraph formatting Click to create a paragraph with different paragraph settings that can be changed later on This feature is important when applying indentation and justif
59. o perform common tasks e g make text bold apply color build tables open the image dialog etc Most of these buttons work in the same way as in Microsoft Word RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX 7 28 o e uadlese o 59 9 B Z U ae Omm o 7 New 3 Apply CSS Custom Links Normal RadEditor FOR ASP NET AJAX RadEditer 15 not simply an HTML Editor It 12 what Microsett chose to use in MSDN 2 CodePlex TechNet and even as an alternative to the default editor in eharePomt Whether you need a mere Textbox with Google lke spellchecker or a Word like content authormg environment the result is the same clean XHTML output fast rendering widest cross browser support and tons of features Design lt X Preview 9 7 P gt gt RemoveElement URL Ihttp www telerik Target hlank Hyperlink Manager ToolTip Classname Classname Note Depending on your particular application you may not be able to see all the buttons as displayed above Alternatively you may have additional buttons with custom functionality In the latter case please consult the developer of the application The functions of the various buttons and dropdowns on the RadEditor toolbar are described further in this manual You will also find instructions on how to complete common tasks such as formatting t
60. olumns 44 Merge Split Cells 45 END USER DOCUMENTATION Stelerik Resize 45 Show Hide Table Borders 21 40 Tag Inspector 7 Template Manager 19 20 70 Insert Templates 71 Upload Templates 71 Time and Date Insert Date 21 Insert Time 21 Windows Media 19 63 Insert 63 Set Properties 67 Upload 66 XHTML Validator 81
61. on button on the toolbar 14WORKING WITH FLASH ANIMATIONS Working with Flash animations is quite similar to working with images The Flash Manager allows you to perform almost the same tasks as the Image Manager the only exception being that you cannot create thumbnails of Flash animations In addition the Flash Manager allows you to set some Flash specific properties like quality loop etc 14 1 Inserting a Flash Animation from the Web Server Position the cursor at the place where you need to insert the Flash li Click the Flash Manager button ia from the toolbar A dialog box appears FOR ASP NET AJAX RadEditor END USER DOCUMENTATION Flash Manager cm f re Upload Ieditar2 ddao3SP1 ImagesiUserDirarketing a Images Filename Size Browserlcons Banners 3 UserDir i F Marketing Print zi ASP AJAX banner swf 154073 Banner Logos F Print Reporting_banner swt 374546 gi Silverlight banner swf 397221 Templates 4 p Fage lof L Items Lto 6 of 6 telerik Specify Class 1 Width Height Play Loop Flash Menu Transparent HTML Align Flash Align Left he Properties Cancel lii Locate the Flash that you want to insert and click to select it The default Flash properties are displayed in the right hand side of the dialog IV Click the Preview tab to see a prev
62. on to switch the editor to preview mode to see the result of your changes Click this button to expand the editor to a full screen When in full screen mode click again to return the editor to the previous state Select a module to activate or deactivate from the dropdown list Currently active modules are marked with a check mark Inactive modules are marked with a cross Click here to zoom in or out the editable area Miscellaneous Shows help on the functionality of buttons Click to open a window with a short description of each button its functions and a keyboard shortcut if such is available RadEditor FOR ASP NET AJAX Undo Ctrl Z Pat By Redo Ctrl Shift Z ai Ctrl Y Find and Replace Ctrl F Ed Select EJ Ctrl Insert Groupbox Ll XHTML Validator Format Code Block END USER DOCUMENTATION Stelerik Disregards the last action Click to undo your last changes This includes but is not limited to inserting tables moving images and formatting text Expand the dropdown list to select multiple actions to undo Redoes the last undone action Click to redo the last undone action Expand the dropdown list to select multiple actions to redo Opens the Find and Replace dialog Selects the whole content of the editor text images tables etc Inserts a fieldset element in the content area Uses the W3C XHTML Validator Page to perform validation of the current editor content
63. oo P nd RadEditor ee 15 not simpl Find Replace lodePlex Techet sharePomt Whether y p RadEditor Find Next like content authoring rendering widest cros Replace With Telerik RadEditor Replace Replace gt RemoveElement Search Options Direction Match case Up Match whole wards i Down To find and replace a certain abstract of text do the following Select a range of content it may contain images and tables as well if you want to search only in that content Click the Find and Replace button or press Ctrl F The Find and Replace dialog appears lii Type the word or abstract of text you wantto find in the Find field IV Replace If you want to replace this text with a different one click the Replace tab vi Replace Choose other options like search direction scope etc Replace Click Find Next Replace or Replace respectively AN Note If you have replaced a given text with the Replace or Replace functions by mistake you can click Cancel and the replacement will be undone To confirm the replacement click OK Q RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX 10WORKING WITH TABLES RadEditor offers two ways for creating tables The best approach in each particular situation depends on your preferences and the table complexity For simpler tables we re
64. or Preview Choose Image Choose Image Jeditor2008Q38P1 Images sl Select Area Shape 1 S amp Rectangle Circle Define Area Properties Lett 18 px Top 45 px Mew Area Width 241 px Height 94 px URL htto Awwew telerik corn Stelerik Target deben mor Wan peces Alt Text Update Area Remove Area Remove All Cancel 20 USING THE TRACK CHANGES DIALOG Track Changes dialog lets you compare two text blocks The implementation would compare the initial content which was in the editor when it was originally loaded on the page with the current content i e it allows the user to track the changes made during the editing process and before submitting content back to the server RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX Here are the steps to set the current content as initial and to compare it with a subsequently entered and formatted content i Press the Set current content as initial button to specify the initial content B 7 U abe 3 4 T o Mew 12 Apply CSS Custom Links Normal RadEditor FOR ASP NET AJAX is not simply an HTML Editor It 12 what chose to use in bMS DPI CodePlex TechNet MOMS and even as an alternative to the default editor in SharePoint Whether you need a mere Textbox with Google like spellchecker or a Word like content authonng env
65. output fast rendering widest Ignore Change Manually Ear Add to dictionary Design HTML Preview cross browser 5 23USING CODE SNIPPETS The Code snippets dropdown list is a very convenient tool for inserting predefined chunks of content HTML like signatures product description templates etc 23 1 Inserting Code Snippets I Place the cursor where you want to insert the code snippet li Click the Insert Code Snippet button TT lii From the dropdown list select the respective snippet RadEditor END USER DOCUMENTATION telerik amp 7 Times New R Hlpx Apply CSS CL Custom Lin Order Confirmation Email Signature Problem Report Fatback John Wigham Senior Web Developer johnicimysite com Disclaimer The contents of tis are privileged and confidentia and Ini the addressees dithe specified e mall addresses only A Design lt HTML a Preview Ez Zoom 35 UE Words 21 Characters 185 E gt RemoveElement 24 CREATING ACCESSIBLE CONTENT Section 508 compliant To generate content that can be interpreted by the Accessibility Tools integrated in Microsoft Windows the Narrator the Magnifier and the On Screen Keyboard RadEditor includes additional fields in the Table Hyperlink and Image dialogs 24 1 Creating Accessible Tables The narrative software uses the information from the Accessibility table fields he
66. pecifies the margin distance to the top to the left to the right and to the bottom between the image and the adjacent text images Width Specifies a custom width for the image you can constrain the proportions to avoid distortion The image is not resampled or modified but rather displayed with the specified width Height Specifies a custom height for the image you can constrain the proportions to avoid distortion The image is not resampled or modified but rather displayed with the specified height iX CSS Class Specifies image CSS class and style Only advanced users should use this property 13 5 Editing Image Properties via the Insert Image dialog Click on the image in the content area Click the Insert Image dialog button The Insert Image dialog will appear Modify the image attributes Image Src Alt Text Width and Height Click the Properties button to set additional properties through the Properties dialog Click OK f Insert Image Width Height 1 All Properties 7 RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX 13 6 Absolute Positioning In some scenarios you may want to position an image absolutely This will make the image float freely so you can move it around the content with the mouse To set absolute positioning for a given image simply select the image and click the Set Absolute HET Positi
67. sert is not in the list please contact your developer RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX Inserting special character Insert Code Snippet Inserts a predefined code snippet 6 Select an area the editor and click LY to insert a predefined code snippet The snippet retains the formatting from the paragraph For more information please contact your developer Using code snippets Insert Custom Link Inserts an internal or external link from a preset list Custom Links This dropdown allows you to create a preset hyperlink on the selected text Custom Links number or image Select the object you want link click dropdown and select the link that you would like to use Applying CSS Class Insert Time 51 Click this button to insert the current time in the editable area Insert Date Click this button to insert the current date in the editable area 55 View Show Hide Table Borders Shows hides table borders Toggles borders of all tables within the editor and OFF The ON function works on tables with hidden borders Design Mode RadEditor FOR ASP NET AJAX HTML Mode Preview Mode Full Screen Mode Modules Barbs Zoom In Out Zoom 5 6 Help END USER DOCUMENTATION telerik Click this button to switch the editor WYSIWYG to design mode Click this button to switch the editor to HTML mode Click this butt
68. single word clicking this button applies bold to the whole word Applies italic formatting to the selected text Select the text and click to apply Italic If the cursor is in a single word clicking this button applies italic to the whole word Applies underline formatting to the selected text Select the text and click to apply underline If the cursor is in a single word clicking this button applies underline to the whole word Applies strikethreugh formatting to the selected text Select the text and click to apply strikethreugh If the cursor is in a single word clicking this button applies strikethreugh to the whole word Sets the font typeface This dropdown allows you to change the font of the selected text Sets the font size These dropdowns allow you to change the font size of the selected text Changes the color of the selected text This dropdown allows you to change the font color of the selected text Changes the background color of the selected text RadEditor FOR ASP NET AJAX CSS Class ApplyClass a Superscript Subscript E Convert To Lower Case ETE Convert To Upper Case END USER DOCUMENTATION vtelerik This dropdown allows you to change the background color of the selected text Applies predefined styles to the selected text This dropdown contains predefined text styles that can be applied to the selected text Makes text or
69. tent is immediately loaded without delay The user could insert images with HREF paths that come from internal or external domains RadEditor FOR ASP NET AJAX Image Editor Absolute Positioning al Flash Manager 2 Windows Media Manager 59 Document Manager Template Manager a END USER DOCUMENTATION Stelerik This dialog could be launched via the Image Manager and provides the ability to resize flip rotate crop the selected image element as well as set its opacity Sets an absolute position of an object Enables you to move an object image table or media freely into the editor Opens the flash dialog The flash dialog allows you to work with flash files insert and upload animations Working with flash animation The Silverlight manager allows you to work with XAP files insert and upload animations Opens the media dialog The Windows media dialog allows you to insert upload media objects AVI MPEG WAV etc and set their properties Working with Windows media Opens the document manager dialog The document manager dialog allows you to insert a predefined document at the cursor position into the editor Working with documents Opens the template manager dialog The template manager dialog allows you to manage templates RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX Image Map Editor Insert Table
70. ter you have either Cut or Copied an item text image etc you can ns Paste it using this button RadEditor cleans all unnecessary Microsoft Office related tags Place the cursor where you want the item to appear and cicli In case you try to paste Word content with the regular Paste button or Ctrl V a dialog will appear asking whether to clean the Word markup If the Clipboard content does not come from Word the dialog does not show Paste From Word Cleaning Pastes copied content from the clipboard into the editor Fonts and Sizes y After you have either Cut or Copied an item text image etc in Microsoft Word you can Paste it using this button RadEditor cleans unnecessary Microsoft Office related tags plus font formatting Place the cursor where you want the item to appear and click B Paste Plain Text Pastes copied content from the clipboard into the editor Ctrl V After you have either Cut or Copied an item text image etc you can Paste it using this button The Paste Plain Text button works similarly to ux Paste from Word but it removes all HTML formatting and pastes plain text preserving the line breaks Paste As HTML Pastes copied content from the clipboard into the editor Ctrl V After you have either Cut or Copied an item text image etc you can Paste it using this button This new tool allows you to paste HTML content of the Clipboard
71. ut LC unatched Loading Speed and Performance Design HTML Biagi s Zoom 359 E Words 104 Characters 755 7 COPYING FORMATTED TEXT FROM Microsoft Word AND OTHER APPLICATIONS Copying formatted text from Microsoft Word Internet explorer and other applications is pretty straightforward RadEditor introduces a number of tools that help users paste formatted text from Microsoft Word or other applications and apply different types of format stripping Here is the list of different Paste buttons dialogs 7 1 Paste button or Ctrl V In case the user is trying to paste Word content with the regular Paste button EA or Ctrl V a dialog will prompt whether the Word markup should be cleaned If the Clipboard content does not come from Word the dialog will not be shown RadEditor END USER DOCUMENTATION Stelerik FOR ASP NET AJAX The page at http demos telerik com says The content you are trying to paste has MS Word formatting Would you like to clean it 7 2 Paste from Word button To strip MS Word specific formatting o p and other Word tags mso styles and classes from the copied from MS Word content before pasting it in RadEditor click the Paste from Word button EJ 7 3 Paste from Word Strip Font button When pasting MS Word content by clicking on the Paste from Word Clean Fonts button LB the editor will clean unnecessary Microsoft Office related tags plus font formatting 7
72. w Span Cancel RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX i Click next to Column span to merge the right cell with the cell you have selected Click the button to unmerge the left cell ii The or buttons next to Row span work in a similar way as Column span but for rows If you click the Insert button the defined table will be created Further customization of this table is allowed using the Table Properties Cell Properties and Accessibility tabs of the Table Wizard The next few sections describe in detail how to modify tables 10 3 Inserting a table from Microsoft Excel or other applications Inserting a table from Microsoft Excel or other applications into the RadEditor is an easy copy paste operation Most of the formatting is preserved including borders text numbers and cell color Formulae however will not be pasted 10 4 Toggle Table Borders If you have created a table that has no borders by default you can switch on the auxiliary borders They are not saved in the content but only help you locate and work with your table You can toggle the auxiliary borders using the Toggle Table Borders button Im on the toolbar 10 5 Formatting Tables The Table Properties dialog allows you to fine tune the appearance of a new or an existing table You can reach the Table Properties tab in either of the following ways e From the Table
73. wver lt title Untitled Page lt title gt lt style type text css gt E tableStylel color red tableStyle2 color green tableStyle3 color blue lt style gt lt r head zformid forml runat server gt Cancel 22 SPELL CHECKING RadEditor features a multilingual spellchecker that is invoked when clicking the Spellchecker button on the toolbar If there are several spellchecking dictionaries available you will see dropdown where you can choose which dictionary to use By default the initial spellchecking language is the RadEditor END USER DOCUMENTATION telerik FOR ASP NET AJAX localization language of RadEditor i e the language in which the editor s menus toolbars modules etc are set The AjaxSpellChecker of RadEditor brings the spellchecking experience to a whole new level with the addition of an inline AJAX spellchecker You can now check your spelling asynchronously and all your mistaken words will be highlighted inline The context menu on every word gives you a quick and easy way to Change Ignore or Add the word to a custom dictionary Spell checking made Misspelled words are highlighted in yellow Rad Editor FOR ASP NET AJAX EadEditor is not an HTWOL Editor Itis what chose to use in i Tech simply alternative to the default editor in Whether you nee Simple like or a Word like content authoring eniron L

END USER DOCUMENTATION 1 End-user manual

Contents

Download Pdf Manuals

Related Search

Related Contents