Use tool bar button to insert tags at beginning and end of selected text

[John]

On a custom toolbar button click I would like to insert a start html tag at begining of  selected content and and an close tag at the end of the selection.

There is a help on inserting HTML tag at the beginning of the selection, the problem is inserted the close tag at the end of the selection

for example a user selcts some text in content area;
Telerik.Web.UI.Editor.CommandList["MyTestButton"] = function(commandName, editor, args)
{
   editor.pasteHtml('<TagBegin>');

       /*some way to find end of selection ???*/

   editor.pastHtml('<TagEnd>');
 
};

Thanks in advanced

[Rumen]

Hello John,

Here is an example how to implement your scenario using the getSelectionHtml method of RadEditor, e.g.

<telerik:radeditor runat="server" ID="RadEditor1">
    <Tools><telerik:EditorToolGroup>
        <telerik:EditorTool Name="MyTestButton" />
    </telerik:EditorToolGroup></Tools>
</telerik:radeditor>
<script type="text/javascript">
    Telerik.Web.UI.Editor.CommandList["MyTestButton"] = function (commandName, editor, args) {
        var selection = editor.getSelectionHtml();
        editor.pasteHtml('<My:StartTag>' + selection + '</My:EndTag>');

    };
</script>

All the best,
Rumen
the Telerik team