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 / Server-side API

Setting Toolbars:
Step 1: Modify Toolbars using RadEditor.Tools collection:

Step 2: Add new Tool at selected Toolbar:
The tool will be added at toolbar!

Step 3: Add new Colors to the RadEditor dynamically, by using the RadEditor.Colors collection.
At least one of the ForeColor and BackColor tools should be added to the toolbar before adding new colors.

Step 4: Add new Paragraph item to the FormatBlock tool dynamically, by using RadEditor.Paragraphs collection.
The FormatBlock tool should be added to the toolbar before adding new items.
   
 
  •  
  •  
 
 
 
   

  • Server-Side API

    RadEditor's server-side API features intuitive collections for managing the various sets of colors, fonts, paragraphs, symbols, links, and toolbars:

    • RadEditor.FontNames - collection of the available fonts
    • RadEditor.FontSizes - collection of the available font sizes
    • RadEditor.Colors - collection of the available colors
    • RadEditor.Symbols - collection of the available symbols
    • RadEditor.Paragraphs - collection of the available block formatting paragraphs
    • RadEditor.Snippets - collection of the available HTML snippets
    • RadEditor.CssClasses - collection of the available CSS classes
    • RadEditor.Tools - collection of the available toolbars
    • RadEditor.Modules - collection of the available system modules
    • RadEditor.Links - collection of the available custom links


    The example above demonstrates how to programmatically add new Toolbars, Tools, Colors and Headings to the RadEditor by using the respective collections.

Source Code

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

    <%@ 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="VB" />
            <telerik:RadScriptManager ID="ScriptManager1" runat="server" />
            <telerik:RadFormDecorator ID="RFD1" runat="server" DecoratedControls="All" Skin="Default" />
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Enabled="true" Title="Setting Toolbars: "
                    Expanded="true" Style="text-align: left;" HorizontalAlign="Right">
                    <table cellpadding="3">
                        <tr>
                            <td>
                                <table cellpadding="3">
                                    <tr>
                                        <td colspan="2">
                                            <strong>Step 1: </strong>Modify Toolbars using RadEditor.Tools collection:
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Button ID="btnAddNewToolBar" runat="server" Text="Add Empty ToolBar" OnClick="btnAddNewToolBar_Click" UseSubmitBehavior="false" />
                                        </td>
                                        <td>
                                            <asp:Button ID="btnRemoveLastTool" runat="server" Text="Remove Last ToolBar" OnClick="btnRemoveLastTool_Click" UseSubmitBehavior="false" />
                                        </td>
                                    </tr>
                                </table>
                                <hr/>
                                <table cellpadding="3">
                                    <tr>
                                        <td colspan="2">
                                            <strong>Step 2: </strong>Add new Tool at selected Toolbar:
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="white-space: nowrap;">
                                            The tool
                                            <asp:DropDownList ID="ddTools" runat="server">
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            will be added at
                                            <asp:DropDownList ID="ddToolBars" runat="server">
                                            </asp:DropDownList>
                                            toolbar!
                                            <asp:Button ID="btnAddNewTool" runat="server" Text="Add New Tool" OnClick="btnAddNewTool_Click" UseSubmitBehavior="false" />
                                        </td>
                                    </tr>
                                </table>
                                <hr/>
                                <table cellpadding="3">
                                    <tr>
                                        <td colspan="2">
                                            <strong>Step 3: </strong>Add new Colors to the RadEditor dynamically, by using the <strong>RadEditor.Colors</strong> collection.<br />
                                            <em>At least one of the ForeColor and BackColor tools should be added to the toolbar before adding new colors</em>.
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="ddColors" runat="server">
                                                <asp:ListItem Text="#000000" Value="#000000"></asp:ListItem>
                                                <asp:ListItem Text="#0066EE" Value="#0066EE"></asp:ListItem>
                                                <asp:ListItem Text="#FFFFFF" Value="#FFFFFF"></asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            <asp:Button ID="btnAddNewColor" runat="server" Text="Add New Color" OnClick="btnAddNewColor_Click" UseSubmitBehavior="false"/>
                                        </td>
                                    </tr>
                                </table>
                                <hr/>
                                <table cellpadding="3">
                                    <tr>
                                        <td colspan="2">
                                            <strong>Step 4: </strong>Add new Paragraph item to the FormatBlock tool dynamically, by using <strong>RadEditor.Paragraphs</strong>
                                            collection.<br /><em>The FormatBlock tool should be added to the toolbar before adding new items</em>.
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="ddParagraphs" runat="server">
                                                <asp:ListItem Text="H1" Value="H1"></asp:ListItem>
                                                <asp:ListItem Text="H2" Value="H2"></asp:ListItem>
                                                <asp:ListItem Text="H3" Value="H3"></asp:ListItem>
                                                <asp:ListItem Text="H4" Value="H4"></asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            <asp:Button ID="btnParagraphs" runat="server" Text="Add Paragraphs" OnClick="btnParagraphs_Click" UseSubmitBehavior="false" />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </qsf:ConfiguratorPanel>
                    <telerik:RadEditor ID="RadEditor1" runat="server" Height="270px" SkinID="DefaultSetOfTools" >
                        <Tools>
                            <telerik:EditorToolGroup Tag="ToolGroup1">
                            </telerik:EditorToolGroup>
                        </Tools>
                        <Content>
         <img alt="product logo" src="../../Img/productLogoLight.gif" />is the successor of the well known industry standard Editor for ASP.NET. The tight integration with ASP.NET AJAX and the powerful new capabilities make Telerik's WYSIWYG Editor a flexible and lightweight component, turning it into the fastest loading Web Editor. Among the hottest features are:
         <ul>
                        <li><em>Single-file, drag-and-drop deployment</em></li>
                        <li><em>Built on top of ASP.NET AJAX</em></li>
                        <li><em>Unmatched loading speed with new semantic rendering </em></li>
                        <li><em>Full keyboard accessibility</em></li>
                        <li><em>Flexible Skinning mechanism</em></li>
                        <li><em>Simplified and intuitive toolbar configuration</em></li>
                        <li><em>Out-of-the-box XHTML-enabled output</em></li>
                        </ul>
         </Content>
                    </telerik:RadEditor>

                </ContentTemplate>
            </asp:UpdatePanel>
            <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