Kendo Editor copy and paste underlined

[Joseph]

Hi, 

We currently have a Kendo Editor with paste cleanup set as:

  pasteCleanup: {
all: false,
css: true,
custom: null,
keepNewLines: false,
msAllFormatting: true,
msConvertLists: true,
msTags: true,
none: false,
span: true

 

We've noticed an issue in that when copy and pasting underlined text within the control (not from external to the control), the underline is removed. I can only imagine that this is because we're stripping our SPANs with the above option. Our issue is that we can't really set this SPAN option to off as we explicitly do no want complex span elements being saved. Is there a workaround for this?

Thank you

[Martin]

Indeed the behavior is caused because the spans are being stripped. The only possible approach I could think of would be to use a regex to match spans that contain the text-decoration-line: underline; style and replaced them with an <u> tag.

[Joseph]

Thanks for your response, at which stage would his happen?
I found this example in the documentation, would it be something like this, but replaced with the regex you referred to?

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
pasteCleanup: {
custom: function(html) {
return html.replace(/<img[^>]*>/, "");
}
}
});
</script>

Thanks!

[Martin]

You can do it either that way or in the paste event. Please refer to the examples from the documentation that demonstrate how to use a regex on the e.html argument.