Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Editor / Default Settings

   
 
 
 
 
   
Configure RadEditor
Change Edit Mode:
Choose tools file:
Choose module:
Enable/Disable RadEditor:
New Lines as:
Choose Toolbar Mode:
select

  • Key Features

    • Single-file, drag-and-drop deployment - RadEditor takes full advantage of .NET embedded resources, enabling you to deploy RadEditor with a single assembly file and jump-start your development process.
    • Built on top of ASP.NET AJAX - RadEditor is a native .Net 2.0 component, designed upon ASP.NET AJAX, utilizing its common client-side framework and programming model. This allows for previously impossible performance and architecture optimizations to offer a small-size, efficient and optimized component with industry-unique level of performance.
    • Unmatched loading speed - The innovative "load as needed" processes will only load the code on client browsers for the features that are being used, significantly improving page load times and Editor responsiveness.
    • Minimalist script size factor - RadEditor's script size has been minimized and additionally compressed for lowest loading time. 
    • Full keyboard accessibility - RadEditor is a fully keyboard navigable component, including shortcuts to open and operate with drop-downs, tools and dialogs, achieving true accessibility.
    • Custom design ready - The "chameleon" feature of RadEditor allows for placing multiple Editors with different skins on one page. This, along with the advanced skinning mechanism, ensures maximum visual blend to cover even the most demanding design schemes. 
    • New semantic rendering - The innovative lightweight skinning mechanism steps upon CSS Sprites for rendering Editor tools which results in tremendously optimized loading speed as well as simplified customization through simple CSS.
    • Simplified and intuitive configuration - utilizing inline toolbar declaration, contextually grouped properties and standard ASP.NET 2.0 localization mechanism, RadEditor is a true .NET control that combines the contrasting simplicity and flexibility.
    • Industry-best cross-browser support - RadEditor offers the widest cross-browser support on the market, including Opera and Safari for Mac.
    • Out-of-the-box XHTML-enabled output - RadEditor has always provided a number of tools for enforcing XHTML compliant content. Out of the box, RadEditor will output XHTML compliant content across all major browsers. 
    • Integrated controls - RadEditor is designed to accommodate unlimited number of integrated controls for additional usability and functionality. Featuring RadWindow for the dialogs, RadEditor will soon offer the functionality of the complete list of Telerik controls.  The integrated controls are loaded on demand thus ensuing optimal loading speed and scalability.

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Theme="Default" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Editor.Default.DefaultCS" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <qsf:HeadTag ID="Headtag1" runat="server" />
    </head>
    <body class="BODY">
        <form id="form1" runat="server">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#" />
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" />
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
        <table cellspacing="0" cellpadding="0">
            <tr>
                <td style="vertical-align: top;">
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <telerik:RadEditor runat="server" ID="RadEditor1" SkinID="DefaultSetOfTools" Height="515">
                                <ImageManager ViewPaths="~/Editor/Img/UserDir/Marketing,~/Editor/Img/UserDir/PublicRelations"
                                    UploadPaths="~/Editor/Img/UserDir/Marketing,~/Editor/Img/UserDir/PublicRelations"
                                    DeletePaths="~/Editor/Img/UserDir/Marketing,~/Editor/Img/UserDir/PublicRelations">
                                </ImageManager>
                            </telerik:RadEditor>
                        </ContentTemplate>
                        <Triggers>
                            <asp:AsyncPostBackTrigger ControlID="CheckBoxListEditMode" />
                            <asp:AsyncPostBackTrigger ControlID="RadioButtonListEditMode" />
                            <asp:AsyncPostBackTrigger ControlID="CheckBoxListModules" />
                            <asp:AsyncPostBackTrigger ControlID="RadioButtonListEnabled" />
                            <%--<asp:AsyncPostBackTrigger ControlID="ChooseToolbarMode" />--%>
                        </Triggers>
                    </asp:UpdatePanel>
                </td>
                <td style="padding: 0 0 0 8px; vertical-align: top;" id="decorationZoneElement">
                    <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Enabled="true" Title="Configure RadEditor"
                 Expanded="true" style="text-align:left;" HorizontalAlign="Right" Width="180">
                        <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
                            <ContentTemplate>
                                <div style="padding: 8px;">
                                    <strong>Change Edit Mode:</strong>
                                    <asp:Label ID="lblEditModes" runat="server" EnableViewState="false"></asp:Label>
    <asp:CheckBoxList RepeatDirection="Vertical" Width="110px" CellPadding="0" CellSpacing="0"
    OnSelectedIndexChanged="CheckBoxListEditMode_SelectedIndexChanged" CssClass="text"
    ID="CheckBoxListEditMode" runat="server" AutoPostBack="True">
                                        <asp:ListItem Value="Design" Selected="True">Design Mode</asp:ListItem>
                                        <asp:ListItem Value="Html" Selected="True">Html Mode</asp:ListItem>
                                        <asp:ListItem Value="Preview" Selected="True">Preview Mode</asp:ListItem>
                                    </asp:CheckBoxList>
                                </div>
                                <div style="padding: 8px;">
                                    <strong>Choose tools file:</strong>
    <asp:RadioButtonList RepeatDirection="Vertical" Width="110px" CellPadding="0" CellSpacing="0"
    OnSelectedIndexChanged="RadioButtonListEditMode_SelectedIndexChanged" CssClass="text"
    ID="RadioButtonListEditMode" runat="server" AutoPostBack="True">
                                        <asp:ListItem Value="FullSet">Full set of tools</asp:ListItem>
                                        <asp:ListItem Value="Default" Selected="True">Default</asp:ListItem>
                                        <asp:ListItem Value="BasicTools">Basic toolset</asp:ListItem>
                                    </asp:RadioButtonList>
                                </div>
                                <div style="padding: 8px;">
                                    <strong>Choose module:</strong>
    <asp:CheckBoxList RepeatDirection="Vertical" Width="160px" CellPadding="0" CellSpacing="0"
    OnSelectedIndexChanged="CheckBoxListModules_SelectedIndexChanged" CssClass="text"
    ID="CheckBoxListModules" runat="server" AutoPostBack="True">
                                        <asp:ListItem Value="RadEditorStatistics" Selected="true">Rad Editor Statistics</asp:ListItem>
                                        <asp:ListItem Value="RadEditorDomInspector" Selected="true">Rad Editor Dom Inspector</asp:ListItem>
                                        <asp:ListItem Value="RadEditorNodeInspector" Selected="true">Rad Editor Node Inspector</asp:ListItem>
                                    </asp:CheckBoxList>
                                </div>
                                <div style="padding: 8px;">
                                    <strong>Enable/Disable RadEditor:</strong>
    <asp:RadioButtonList ID="RadioButtonListEnabled" Width="80px" runat="server" AutoPostBack="true"
    RepeatDirection="Vertical" CssClass="text" CellPadding="0" CellSpacing="0" OnSelectedIndexChanged="RadioButtonListEnabled_SelectedIndexChanged">
                                        <asp:ListItem Value="Enable" Selected="true">Enable</asp:ListItem>
                                        <asp:ListItem Value="Disable">Disable</asp:ListItem>
                                    </asp:RadioButtonList>
                                </div>
                                <div style="padding: 8px;">
                                    <strong>New Lines as:</strong>
    <asp:RadioButtonList ID="NewLineBrButtonList" Width="90px" runat="server" AutoPostBack="true"
    RepeatDirection="Vertical" CssClass="text" CellPadding="0" CellSpacing="0" OnSelectedIndexChanged="NewLineBrButtonList_SelectedIndexChanged">
                                        <asp:ListItem Value="Br" Selected="true">Breaks</asp:ListItem>
                                        <asp:ListItem Value="P">Paragraphs</asp:ListItem>
                                        <asp:ListItem Value="Div">Divs</asp:ListItem>
                                    </asp:RadioButtonList>
                                </div>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                        <div style="padding: 5px">
                            <div style="padding: 0 4px 0 0; font-weight: bold;">
                                Choose Toolbar Mode:</div>
                            <telerik:RadComboBox AutoPostBack="true" ID="ChooseToolbarMode" runat="server" OnSelectedIndexChanged="ChooseToolbarMode_SelectedIndexChanged">
                                <Items>
                                    <telerik:RadComboBoxItem runat="server" Selected="True" Text="Default" Value="Default" />
                                    <telerik:RadComboBoxItem runat="server" Text="PageTop" Value="PageTop" />
                                    <telerik:RadComboBoxItem runat="server" Text="ShowOnFocus" Value="ShowOnFocus" />
                                    <telerik:RadComboBoxItem runat="server" Text="Floating" Value="Floating" />
                                    <telerik:RadComboBoxItem runat="server" Text="RibbonBar" Value="RibbonBar" />
                                </Items>
                                <CollapseAnimation Duration="200" Type="OutQuint" />
                            </telerik:RadComboBox>
                        </div>
                </qsf:ConfiguratorPanel>
                </td>
            </tr>
        </table>
        <qsf:Footer runat="server" ID="Footer1" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451