How to find out the source of copy paste content to RichTextEditor?

[Shradha]

Hi Team,

We are using Syncfusion RichTextEditor control in our angular application. Is there a way to find from which type of source( HTML file, MS Word, PDF, etc.) the content was copied and pasted to Syncfusion RichTextEditor?

Thanks,

Shradha Chauhan

[Vinothkumar Yuvaraj]

Hi Shradha,

You can use the clipboard data from the arguments of actionComplete event to determine which content has been pasted into the Rich Text Editor. Please refer to the following code and attached sample for more information:

<ejs-richtexteditor (actionComplete)='actionComplete($event)'>

</ejs-richtexteditor>

actionComplete (args): void {

if(args.requestType == 'Paste'){

if(args.event.args.clipboardData.getData("text/html").indexOf("MsoNormal") > 0){

console.log("Paste from MS Word"); 

        }

        else if(args.event.args.clipboardData.types.indexOf('text/html') > -1){

console.log('HTML content pasted');

        }

        else if(args.event.args.clipboardData.types.indexOf('text/plain') > -1){

console.log('Plain text content pasted');

        }

    }

  }

Sample : https://stackblitz.com/edit/angular-k3gfxc?file=src%2Fapp.component.ts,src%2Fapp.component.html

Regards,

Vinothkumar

[Shradha]

It worked out for me. Thank you very much for resolving my inquiry.

[Vinothkumar Yuvaraj]

Hi Shradha,

You're welcome! We are glad to assist you.