RadEditor for ASP.NET
Contents
Display as a Textbox Send comments on this topic.
Handling Content > Display as a Textbox

Glossary Item Box

Sometimes the developer needs to display the editor like a textbox, however preserving the Rich Text Formatting option in the editor's content area.

To achieve this functionality follow the steps below:

  1. Open the ~/RadControls/Editor/ToolsFile.xml file and remove all the tools and modules tag declarations. This will remove the editor toolbars and modules when the editor is rendered on the page.
  2. Open the ~/RadControls/Editor/Skins/<Used_Skin>/Editor.css file, locate and modify the border and padding properties in the TD.RadEContentContainer and TABLE.RadEWrapper classes as follows:

    CSS Copy Code
    TD.RadEContentContainer
    {
          border:0px solid #d4d4d4;
          background-color: white;
    }

    /* Table wrapper and DOCKING ZONES classes */
    TABLE.RadEWrapper
    {
         border:1px solid #e4e4e4;
         background-color: #f7f7f7;
         padding: 0px;
    }

    Save the Editor.css skin file.
  3. Set ShowSubmitCancelButtons="false", ShowHtmlMode="false" and ShowPreviewMode="false" in order to hide the Design, HTML, Preview, Update and Cancel buttons from the editor:

     
    ASPX/ASCX Copy Code
    <rad:radEditor
              id="RadEditor1"
              runat="server"
              ShowSubmitCancelButtons="false"
              ShowHtmlMode="false"
              ShowPreviewMode="false"
    ></rad:radEditor>

Start a fresh page with the editor to see the changes.

If you wish to display the editor as a textbox but disable the rich text editing mechanism, just set the RenderAsTextArea property to true. Thus the user will be able to type only plain text into the content area.

 

You may also like to review a similar online example with Telerik RadEditor: Removing the Content Area Border.