Sanitize pasted content on RTE

[Renan Monteiro da Silva]

I have a external library to do the sanitizing of my RTE control and I'm trying to sanitize the control value on beforePasteCleanup ​but I can't find a way to update the editor value after the sanitizing is done. How can I do that? If I simple update the value with the returned value returned by beforePasteCleanup, the old value misses.

[Buvana Sathasivam]

Hi Renan, 

Greetings from Syncfusion support. 

We suggest using the afterPasteCleanup event argument value to achieve your requirement. In the below sample, we have changed the pasted content to a custom element and returned it as args.value at the afterPasteCleanup event. Here, you can sanitize the pasted content and return it as args.value. Please see below the code and sample. 

Index.js 

 

var defaultRTE = new ej.richtexteditor.RichTextEditor({ 

  afterPasteCleanup: afterPasteCleanup, 

}); 

defaultRTE.appendTo('#defaultRTE'); 

 

function afterPasteCleanup(args) { 

  // Here, you can sanitize the args.value 

  args.value = '<div>sanitize text</div>'; 

} 

Sample: https://stackblitz.com/edit/bevxfx 

API link: https://ej2.syncfusion.com/documentation/api/rich-text-editor/#afterpastecleanup 

Regards, 

Buvana S 

[Renan Monteiro da Silva]

Thanks a lot Buvana, that solves my problem. Unfortunately the documentation hasn't a example of how do it.

Regards.

[Buvana Sathasivam]

Hi Renan, 

Welcome. We will include documentation and make it available in any of our upcoming releases. 

Regards, 

Buvana S