<script type="text/javascript">
EditorCommandList = Telerik.Web.UI.Editor.CommandList;
EditorCommandList["ApplySizeColor"] = function (commandName, editor, args) {
if (editor.getSelectionHtml() != "") {
editor.fire("FontSize", { value: "4" }); //fire the FontSize command
editor.fire("ForeColor", { value: "red" }); //fire the ForeColor command
}
else {
alert("Please, select some text!");
args.set_cancel(true);
}
};
</script>
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Auto" NewLineMode="Br" ContentAreaMode="Div" Height="500" Width="100%" Skin="Metro" _OnClientCommandExecuting="OnClientCommandExecuting">
<HeaderTools>
<telerik:EditorHeaderTool Name="ApplySizeColor" />
<telerik:EditorHeaderTool Name="Redo" />
<telerik:EditorHeaderTool Name="MobileEdit" Position="Right" />
<telerik:EditorHeaderTool Name="ToggleScreenMode" Position="Right" />
</HeaderTools>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="ApplySizeColor" Text="Apply Size and Color" ShowText="true"></telerik:EditorTool>
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>