Using Editor Without Toolbars

6 posts, 1 answers
  1. Teoman
    Teoman avatar
    69 posts
    Member since:
    Jan 2009

    Posted 28 Aug 2011 Link to this post

    I want to use radeditor like textarea.How can i remove all the toolbars in design mode?Can you help me please?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Aug 2011 Link to this post

    Hello Teoman,

    You can override the default CSS to hide toolbars in RadEditor.
    <style type="text/css">
     .reToolCell, .reLeftVerticalSide, .reRightVerticalSide
      display:none !important;

  3. DevCraft R3 2016 release webinar banner
  4. Teoman
    Teoman avatar
    69 posts
    Member since:
    Jan 2009

    Posted 29 Aug 2011 Link to this post

    hi princy i solved my problem with setting enableTextAreaMode=true.

    But know i have another problem.I cant change the default font-name and size for content and words always underline red.

    Can you help me about this topic please?
  5. Answer
    Rumen avatar
    12788 posts

    Posted 30 Aug 2011 Link to this post

    Hi Teoman,

    Note that when the EnableTextareaMode property is set to true, the editor is rendered as a standard textarea which offers only plain text support. Is this what you want to achieve?
    If you want to style the textarea content area you can use the following ID class:

        <style type="text/css">
            font-family: Arial !important;
            font-size: 12px !important;
    <telerik:RadEditor id="RadEditor1" EnableTextareaMode="true" runat="server"></telerik:RadEditor>

    where the highlighted part of the class corresponds to the ID of RadEditor.

    If you want however to have a rich text editor (EnableTextareaMode="false") without a toolbar, you can set the ToolsFile property to point to an XML file which contains only <root></root> tags. You can hide the borders of the control as shown in the following demo: Displaying RadEditor as a TextBox. You can see how to style the content area of the iframe based content area: Setting Content Area Defaults and Default Font for Editable Content.

    Best regards,
    the Telerik team

    Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>

  6. Allen
    Allen avatar
    50 posts
    Member since:
    Mar 2011

    Posted 15 Nov 2015 in reply to Rumen Link to this post

    What I need is a hybrid of a plain text area and the more complicated editor.  I am filling comment fields in a database that can only hold plain text, so the editor needs to edit only plain text, but still have spellchecking, undo, etc. etc. and, also  when I manipulate the contents to remove extraneous linefeeds and extra spaces witha  cleanup command, get the cleaned up value back inthe content area and show the corrected plain text with the new 'formatting' which is only line feeds, spaces, tabs etc.  Word wrap should be soft unless the user actually enters Ctl-enter or whatever.

    So it looks like plain text with blank lines between, sometimes... example:



    asdfdfasdfdsf asdfdfaf sadffdfafa








  7. Vessy
    Vessy avatar
    1354 posts

    Posted 18 Nov 2015 Link to this post

    Hi Allen,

    The desired scenario can be achieved by configuring the Editor in a similar way:
    • Set its EditModes property to Design, so only the design view will be visible to the users
    • Set its NewLineMode property to "Br", so a Br element will be inserted on enter press and a P element - when Ctrl+enter is pressed
    • Configure the desired tools of the Editor through its Tools inner tag

    For example:

    <telerik:RadEditor ID="RadEditor1" runat="server" NewLineMode="Br" EditModes="Design">
                <telerik:EditorTool Name="Undo" />
                <telerik:EditorTool Name="Redo" />
                <telerik:EditorSeparator />
                <telerik:EditorTool Name="SpellCheck" />

    You can find more detailed information regarding the Editor's API in the following help article:
    RadEditor Server-side Programming Overview

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
DevCraft R3 2016 release webinar banner