Editor adds span tag to new lines

[Ivan]

Hello,

 

If you have a span tag at line 1 and press enter to create a new line it adds a span tag to a new line. See the video for details:

http://screencast.com/t/nseFoTTl

Is there a way to prevent this?

[Nikolay]

Hi,

Here is how you can modify the "EnterNewLine" command to prevent inserting formatting from the source element.

<telerik:RadEditor ID="radEditor1" runat="server" OnClientCommandExecuted="OnClientCommandExecuted">
</telerik:RadEditor>

<script type="text/javascript">
    function OnClientCommandExecuted(editor, args) {
        if (args.get_commandName() == "EnterNewLine") {
            var $Editor = Telerik.Web.UI.Editor;
            var range = $Editor.DomRange.toDomRange(editor.getSelection().getRange(true));
            var commonAncestorContainer = range.commonAncestorContainer;
            if (isCursorPlaceHolder(commonAncestorContainer) && $Editor.Utils.isSingleChild(commonAncestorContainer)) {
                var node = commonAncestorContainer.parentNode;
                while ($Editor.Utils.isSingleChild(node) && !$Editor.Utils.isBlockElement(node)) {
                    var current = node;
                    node = node.parentNode;
                    if (shouldRemoveNode(current)) {
                        $Editor.Utils.removeNode(current);
                    }
                }
                range.select();
            }
        }
    }

    function isCursorPlaceHolder(element) {
        return element.nodeType == 3 && /^[\u200b]+$/.test(element.nodeValue);
    }

    function shouldRemoveNode(node) {
        //You can modify this function according to the scenario
        return node.nodeName == "SPAN" || node.nodeName == "FONT";
        //return true;
    }
</script>

I have handled RadEditor's OnClientCommandExecuted event and for "EnterNewLine" command while the selection is in inline element without content, I am removing the parent element of the selected one.

Regards,
Nikolay
Telerik

[Elena]

Hello,

Thank you for the reply. I tried to use the provided code.Unfortunately, I got the following error:
 "Uncaught TypeError: Cannot read property 'toDomRange' of undefined"
on the  line
var range = $Editor.DomRange.toDomRange(editor.getSelection().getRange(true));.
The Telerik version is 2012.2.607.35.
Can you help?

Best regards, 
Elena

[Elena]

Hello,

I have tested the code with the new Telerik version 2015.2.729.45. It works correctly.

Thank you for help.

Best regards, 
Elena​