Very strange problem with custom tag

[ericc34]

In radEditor I have a custon button to set teg at begin en end of my selection like this :

Telerik.Web.UI.Editor.CommandList[

 

"Schedule"] = function (commandName, editor, args) {

 

 

 

 

var selection = editor.getSelectionHtml();

 

 

 

 

//Remove all custom tags before insert new custom tags

 

 

 

var html = editor.get_html(true).replace("<ordredujour>", "");

 

 

html.replace(

 

"</ordredujour>", "");

 

 

 

 

var newhtml = html.replace(selection, '<ordredujour>' + selection + '</ordredujour>');

 

 

editor.set_html(newhtml);

 

 

 

}

I must remove old tag if old tag exist because i want only one <ordredujour> tag in all my html

My problem is that in HTML tab, I don't see my custom tag around selection. Do you know why ?

 

[Rumen]

Hi ericc34,

I found a mistake in your code and it is that you should assign a variable the value returned by the highlighted line:

html = html.replace("</ordredujour>", "");


In addition the custom tags in IE should have a namespace, e.g.<my:ordredujour> in other case the browser will modify them.

Here is the rewritten code that works on my side:

<telerik:RadEditor ID="RadEditor1" runat="server">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="Schedule" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
<script type="text/javascript">
Telerik.Web.UI.Editor.CommandList[ "Schedule"] = function (commandName, editor, args)
{
    var selection = editor.getSelectionHtml(); //Remove all custom tags before insert new custom tags
    var html = editor.get_html(true).replace("<my:ordredujour>", "");
    html = html.replace("</my:ordredujour>", "");
    var newhtml = html.replace(selection, '<my:ordredujour>' + selection + '</my:ordredujour>');
    editor.set_html(newhtml);
}
</script>

All the best,
Rumen
the Telerik team