Editor / Displaying RadEditor as a TextBox

Displaying RadEditor as a TextArea/TextBox

1. Register the following css classes:
   
       <style type="text/css">    
       /* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
       .reWrapper_corner, .reWrapper_center 
       {
              display: none !important;                
       }
                   
       .reLeftVerticalSide, 
       .reRightVerticalSide, 
       .reToolZone,
       .reToolCell
       {
           background: white !important;
       }
       
       .reContentCell
       {
           border-width: 0 !important;
       }
       
       .RadEditor
       {
              filter: chroma(color=c2dcf0);
       }
       </style>
2. Hide the Html and Preview Mode buttons by setting: EditModes="Design"
    
3. Set the ToolbarMode property to ShowOnFocus: ToolbarMode="ShowOnFocus"
    
4. Load only a few buttons in the Toolbar. In the example, the editor loads BasicTools.xml via its ToolsFile property: ToolsFile="~/Editor/Examples/EditorAsTextBox/BasicTools.xml"
    
5. Set the toolbar width via the ToolsWidth property, e.g. ToolsWidth="330px"