New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

How to create RadEditor control from JavaScript


Product RadEditor for ASP.NET AJAX


Q1: We need to create RAD Editor control from JavaScript, Is there any provision in the client side programming model to create such control from the client side.

In our requirement, we have to create multiple RAD editor controls based on configuration at client side (JavaScript) , I have researched Telerik documentation but we have only found server side way to create RadEditor control.

Q2: Is there any other way we can create r.a.d.editor control dynamically. What will be page performance if many RadEditor controls created dynamically on page?


A1: RadEditor is an ASP.NET AJAX server control and by its nature, it depends on server-side creation. It is not possible to programmatically create the control on the client, because it depends on a number of resources like links, colors, dialogs configuration, etc.

If this is a must, you can to evaluate the KendoUI Editor which is entirely JavaScript, HTML5 and CSS3 based.

A2: You can create RadEditor from the code behind as well as use its light inline editing mode, e.g.

using Telerik.Web.UI;

    protected void Page_Load(object sender, EventArgs e)
        for (int i = 0; i < 50; i++)
            RadEditor editor = new RadEditor();
            editor.EditType = EditorEditType.Inline;
            editor.ID = "RadEditor" + i;
            editor.Content = "<strong>RadEditor" + i + "</strong>";
Imports Telerik.Web.UI

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
    For i As Integer = 0 To 50 - 1
        Dim editor As RadEditor = New RadEditor()
        editor.EditType = EditorEditType.Inline
        editor.ID = "RadEditor" & i
        editor.Content = "<strong>RadEditor" & i & "</strong>"
End Sub

As for the Performance optimizations tips you can apply, please review this article: Optimizations.

In this article