The following tutorial demonstrates using RadEditor in a web page and adding content. This walkthrough also shows how to assign a predefined skin to the editor and how to add HTML to a list of snippets.

Configure the Web Application for RadEditor

1. Navigate to the Solution Explorer within an AJAX Enabled Web Application.
2. Right-click the project and select Add | Add ASP.NET Folder | App_GlobalResources.
3. Copy the contents of the files located in the directory \<RadControls "Prometheus" installation folder>\App_GlobalResources files to your project App_GlobalResources folder.
4. In the Solution Explorer, right-click the project and select Add | Add ASP.NET Folder | App_Data.
5. Copy the \RadSpell directory to your project App_Data folder. The files are located in the <RadControls "Prometheus" installation folder>\App_Data
   
    
6. Add a RadEditor control from the ToolBox to an AJAX-enabled web page.
7. Right-click the RadEditor control and select Show Smart Tag.
8. From the Smart Tag menu, select the Enable RadEditor Dialogs link.
9. From the Smart Tag menu, select the Enable spell check for RadEditor link.
   

Use RadEditor in the Designer

1. Open the RadEditor Smart Tag and select "Vista" from the Skin drop down list.
2. In the Properties Window for the editor set the Content property to "<H1>This is the title</H1>Here is the body of the content. <br> ...and another line here."
3. Also in the Properties Window, locate the Snippets property and click the ellipses to open the EditorSnippets Collection Editor. Click the Add button to create a new snippet. Set the Name property to "MyList" and the Value property to "<ol><li>One</li><li>Two</li><li>Three</li></ol>".
   
   
   
4. Press F5 to run the application. Notice that the Content is formatted as HTML. Locate the Snippets drop down button and click the "MyList" entry to add your snippet to the current location of the text cursor.
   
   

See Also

© 2002-2008 Telerik. All Rights Reserved.