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

Symbols

The RadEditor Symbols dropdown by default displays a predefined set of symbols. They are kept in the Symbols Collection. You can add to the Symbols collection declaratively, programmatically and using the ToolsFile.

Using the Symbols Collection Declaratively

<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1" Skin="WebBlue">
   <Symbols>
       <telerik:EditorSymbol Char="\u20AC" />
       <telerik:EditorSymbol Char="\u00A2" />
       <telerik:EditorSymbol Char="\u00A3" />
       <telerik:EditorSymbol Char="\u00A5" />
       <telerik:EditorSymbol Char="\u00A9" />
       <telerik:EditorSymbol Char="\u00AE" />
   </Symbols>
</telerik:RadEditor> 

Using Symbols Programmatically

Use the RealFontSizes collection Add() method to include new items in the list. You can add a character using the unicode escape character "\u" plus the number of the character or use the symbol literals directly.

// Use the unicode escape character "\u"
RadEditor1.Symbols.Add("\u00A2");
RadEditor1.Symbols.Add("\u00A3");
RadEditor1.Symbols.Add("\u00A5");
RadEditor1.Symbols.Add("\u00A4");
RadEditor1.Symbols.Add("\u00A9");
RadEditor1.Symbols.Add("\u00AE");

// Use the symbol literals directly
RadEditor1.Symbols.Add("£"); 
RadEditor1.Symbols.Add("©"); 
RadEditor1.Symbols.Add("®");        
'Use the unicode escape character "\u"
RadEditor1.Symbols.Add("\u00A2")
RadEditor1.Symbols.Add("\u00A3")
RadEditor1.Symbols.Add("\u00A5")
RadEditor1.Symbols.Add("\u00A4")
RadEditor1.Symbols.Add("\u00A9")
RadEditor1.Symbols.Add("\u00AE")
'Use the symbol literals directly
RadEditor1.Symbols.Add("£")
RadEditor1.Symbols.Add("©")
RadEditor1.Symbols.Add("®")

When using the Symbols Collection Add() the Symbols dropdown will be reset, so the symbols you add will not be appended to the default set, but will rather create a new Symbol set. See the example below:

Default state Programmatic population
(The Symbols dropdown contains the default set of symbols) (The Symbols dropdown contains only those added using the Add method)

Using the ToolsFile

You can also populate the Symbols dropdown using ToolsFile.xml, as shown in the example below:

<root>
 <tools name="MainToolbar" enabled="true">
   <tool name="InsertSymbol" />
 </tools>
 <symbols>
   <symbol value="\u20AC" />
   <symbol value="\u00A2" />
   <symbol value="\u00A3" />
   <symbol value="\u00A5" />
   <symbol value="\u00A4" />
   <symbol value="\u00A9" />
   <symbol value="\u00AE" />
   <symbol value="\u2122" />
 </symbols>
</root> 

Here is a complete list of the symbols populating by default the "Insert Symbols" dropdown:\u20AC, \u00A, \u00A3, \u00A5, \u00A4, \u00A9, \u00AE, \u2122, u00B1, \u2260, \u2248, \u2264, \u2265, \u00F7, \u00D7, \u221E, \u00BD, \u00BC, \u00BE, \u00B2, \u00B3, \u2030, \u00B6, \u00A7, \u03B1, \u03B2, \u03B1, \u002E, \u0394, \u00B5, \u03A9, \u2211, \u00D8, \u2220, \u00BA, u00AB, \u00BB, \u00B7, \u2022, \u2020, \u2021, \u0192

Please bear in mind that RadEditor persists its state (including the Symbols set) between postbacks. To create a new set of symbols (e.g. for different users), clear the collection first using the Symbols Remove() or Clear() methods.

In this article