Rad Editor with no tools

5 posts, 1 answers
  1. Rameshkumar
    Rameshkumar avatar
    7 posts
    Member since:
    Feb 2013

    Posted 05 Apr 2013 Link to this post

    Hi,

    Can the following functionality be achieved without using xml file

    http://www.telerik.com/community/forums/aspnet-ajax/editor/how-to-programatically-create-radeditor-with-no-menus.aspx#1408928

    Thanks,
    Ramesh
  2. Answer
    Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 06 Apr 2013 Link to this post

    Hi,

    You can hide the toolbar using the following css class:

    <style>
    .reToolCell
    {
    display: none;
    }
    </style>

    There is also a hack to hide the toolbar which can be used to set the ToolProviderID property with the ID of the control as a value:

    <telerik:RadEditor ID="RadEditor1" ToolProviderID="RadEditor1" runat="server" />

    Best regards,
    Rumen
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jeremy
    Jeremy avatar
    29 posts
    Member since:
    Apr 2014

    Posted 22 Jun 2014 in reply to Rumen Link to this post

    Neither of these worked for me.  The css style had no effect and the "hack" throws a runtime error every time.
    Unhandled exception at line 8362, column 1 in http://localhost:64752/ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXflUZclmLFsht0l-AoEB_WM01ENTjE4sdjqP24yOHX3SrFinD_-liAc_wguOqYOkGyk9EIpmEl5nenKUh5Ryx4tgc3OYCLkTTUbS410Ou3PB376atse5UvbMmC1ENNyNaA2&t=ffffffffab07a9210x800a01b6 - Microsoft JScript runtime error: Object doesn't support property or method 'set_additionalQueryString'
  5. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 23 Jun 2014 Link to this post

    Hello Jeremy,

    You can try one more option to add a RadEditor with no tools. Basically set an empty ToolsFile.xml file to the ToolsFile property.

    ASP.NET
    <telerik:RadEditor runat="server" ID="RadEditor1" ToolsFile="ToolsFile.xml"></telerik:RadEditor>

    ToolsFile.xml
    <?xml version="1.0" encoding="utf-8" ?>
    <root>
    </root>


    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Patrick
    Patrick avatar
    10 posts
    Member since:
    Jun 2014

    Posted 05 Jul 2014 Link to this post

    here is how I handled creating an editor with no toolbar and without the annoying padding above the content sections where the toolbars would go

    warning the solution is codebehind visual basic (sorry)

    The function below is a helper I made, when a rad editor control is on the page you can call this function to set some easily to configure properties and it's very self explanitory (alter it to fit your needs)

    note: css_rad.css is just the basic styling I use for the editor, see it below

    body {
        color:#606060;
        font-family:courier new;
        font-size:9pt;
        padding:4px;
    }

    ----------------------------------------------------------------
    note there is a lot dimmed and some comments
    if there is no toolbar I inherit the class "customtelerik" - this is what makes the blank space where the toolbar would appear go away

    this is it's definition, just put in a css file you are inheriting

    .customtelerik .reToolCell, .reLeftVerticalSide, .reRightVerticalSide
     {
      display:none !important;
     }


        ''' <summary>
        ''' step1 in setting up the editor
        ''' </summary>
        ''' <param name="rad">the radeditor object passed byREF</param>
        ''' <param name="width">display width in pixels</param>
        ''' <param name="height">display width in pixels</param>
        ''' <param name="css">the name of the stylesheet (if not in the project root then specifiy the path from the root ~/[root])</param>
        Public Sub step1(ByRef rad As Telerik.Web.UI.RadEditor, ByVal width As Integer, ByVal height As Integer, ByVal showtoolbar As Boolean, ByVal showhtmledit As Boolean, Optional ByVal css As String = "~/css_rad.css")
    rad.Tools.Clear()
            rad.CssFiles.Add("~/css_rad.css")
            rad.NewLineMode = Telerik.Web.UI.EditorNewLineModes.Br
            If height > 0 Then rad.Height = System.Web.UI.WebControls.Unit.Pixel(height)
            If width > 0 Then rad.Width = System.Web.UI.WebControls.Unit.Pixel(width)
            rad.Modules.Clear()
            rad.BorderWidth = 0
            rad.Skin = "Metro"
            ' will not show HTML, PREVIEW, etc...
            rad.EditModes = EditModes.Design
            rad.Style.Add("max-width", width & "px") ' so you can't resize the editor left to right

            Dim TBmain As New Telerik.Web.UI.EditorToolGroup()
            TBmain.Tools.Clear()
            rad.Tools.Add(TBmain)

            rad.EditModes = EditModes.Design
            If showhtmledit Then
                rad.EditModes = EditModes.Design Or EditModes.Html
            End If

           If showtoolbar = False Then
                rad.CssClass = "customtelerik"
            Else
                'RadEditorStatistics   RadEditorDomInspector   RadEditorNodeInspector   RadEditorHtmlInspector
                Dim stats As New Telerik.Web.UI.EditorModule
                stats.Name = "RadEditorStatistics"
                Dim dom As New Telerik.Web.UI.EditorModule
                dom.Name = "RadEditorDomInspector"
                Dim node As New Telerik.Web.UI.EditorModule
                node.Name = "RadEditorNodeInspector"
                Dim html As New Telerik.Web.UI.EditorModule
                html.Name = "RadEditorHtmlInspector"

                rad.Modules.Clear()
                'rad.Modules.Add(stats)
                'rad.Modules.Add(dom)
                'rad.Modules.Add(node)
                'Rad1.Modules.Add(html)
                addRadTool(TBmain, "Undo")
                addRadTool(TBmain, "Bold")
                addRadTool(TBmain, "Italic")
                addRadTool(TBmain, "Underline")
                addRadTool(TBmain, "StrikeThrough")
                addRadTool(TBmain, "ForeColor")
                addRadTool(TBmain, "BackColor")
                addRadTool(TBmain, "InsertTable")
                addRadTool(TBmain, "AjaxSpellCheck")
                addRadTool(TBmain, "ToggleScreenMode")
                addRadTool(TBmain, "FormatStripper")
                addRadTool(TBmain, "InsertImage")
                addRadTool(TBmain, "InsertLink")
                addRadTool(TBmain, "Unlink")
                addRadTool(TBmain, "LinkManager")
                addRadTool(TBmain, "InsertFormElement")
                addRadTool(TBmain, "InsertExternalVideo")
                addRadTool(TBmain, "JustifyLeft")
                addRadTool(TBmain, "JustifyCenter")
                addRadTool(TBmain, "JustifyRight")
                addRadTool(TBmain, "InsertUnorderedList")
                addRadTool(TBmain, "InsertOrderedList")
             End If

    End Sub
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017