TelerikDeveloper.com

TelerikDeveloper.com

sgray128 10/7/2011 9:26:25 PM

Telerik - RadEditor basic code example

This short code example is a boilerplate piece of code for getting started with the Telerik RakEditor


 

<telerik:RadEditor Skin="Web20" ID="RadEditor1" runat="server" Width="100%" OnClientLoad="OnClientLoad"
    NewLineBr="False" ToolsFile="~/Tools.xml" NewLineMode="P">
    <CssFiles>
        <telerik:EditorCssFile Value="~/Styles/EditorContentArea.css" />
    </CssFiles>
    <Content>
    </Content>
</telerik:RadEditor>

 EditorContentArea.css:

body
{
    background-color: white;
    font-size: .80em;
    font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif !important;
    font-size: 10pt !important;
    Width:100%;
    color: #696969;
 
}

Tools.xml:

<root>
    <tools name="MainToolbar" enabled="true">
        <tool name="FormatCodeBlock" />
    </tools>
  
    <tools name="InsertToolbar" enabled="true" >
        <tool name="AjaxSpellCheck"/>
        <tool name="ImageManager" shortcut="CTRL+M"/>
        <tool name="DocumentManager" />
        <tool separator="true"/>
        <tool name="InsertTable" />
        <tool name="InsertRowAbove" />
        <tool name="InsertRowBelow" />
        <tool name="DeleteRow" />
        <tool name="InsertColumnLeft" />
        <tool name="InsertColumnRight" />0
        <tool name="DeleteColumn" />
        <tool separator="true"/>
        <tool name="MergeColumns" />
        <tool name="MergeRows" />
        <tool separator="true"/>
        <tool name="SplitCell" />
        <tool name="DeleteCell" />
        <tool name="SetCellProperties" />
        <tool name="SetTableProperties" />
    </tools>
  
    <tools enabled="true">
        <tool name="Undo" />
        <tool name="Redo" />
        <tool separator="true"/>
        <tool name="Cut" />
        <tool name="Copy" />
        <tool name="Paste" shortcut="CTRL+!"/>
        <tool separator="true"/>
        <tool name="PastePlainText" />
        <tool separator="true"/>
        <tool name="FindAndReplace" />
        <tool name="SelectAll" />
        <tool separator="true"/>
        <tool name="InsertHorizontalRule" />
    </tools>
  
    <tools enabled="true" dockable="true">
        <tool name="Bold" />
        <tool name="Italic" />
        <tool name="Underline" />
        <tool separator="true"/>
        <tool name="JustifyLeft" />
        <tool name="JustifyCenter" />
        <tool name="JustifyRight" />
        <tool name="JustifyFull" />
        <tool name="JustifyNone" />
  
        <tool separator="true"/>
        <tool name="Indent" />
        <tool name="Outdent" />
        <tool name="InsertOrderedList" />
        <tool name="InsertUnorderedList"/>
  
        <tool name="LinkManager" />
        <tool name="Unlink" />
    </tools>
  
    <tools name="DropdownToolbar" dockable="true" >
        <tool name="ForeColor" />
        <tool separator="true"/>
        <tool name="FormatBlock"/>
    </tools>
  
  
</root>