Drag and drop text block to open document

[Alexey]

Hello, is it possible to drag-n-drop text blocks to document editor in vue component?
like here https://stackblitz.com/edit/angular-kncnqt-zd3pn4?file=app.component.html
but in document editor. I insert it but it's don't convert to html 

this.$refs.doceditcontainer.ej2Instances.documentEditor.insertText(sfdt);

[Harini Chellappa]

Hi Olga, 

Syncfusion Greetings! 

Please find the details of your query from below table. 

For drag and drop text contents inside document editor

Please refer the below KB which is in ASP.NET MVC. please check whether this KB satisfies your requirement and let us know if you need the same sample in vue?    https://www.syncfusion.com/kb/10292/how-to-add-drag-and-drop-text-option-in-document-editor-for-asp-net-mvc

I insert it but it's don't convert to html

Can you please share your requirement clearly?    Do you want to insert it as text or to open the sfdt text? Since insertText API inserts specified string in current selection without any conversion.    If you want to open with SFDT string, then please refer the below API.    Sample code snippet    containerInstance.documentEditor.open(sfdtString)     Please refer the below documentation on importing sfdt string in document editor.    https://ej2.syncfusion.com/vue/documentation/document-editor/import/?no-cache=1#import

Regards, 

Harini C 

[Alexey]

I want to drag and drop one sfdt file to already opened file. If I use open, it just open new file, but I want to insert it. So I've got json(sfdt) string and I want to insert it as text to opened file. Something like documenteditor.parser.convertJsonToDocument 

[Harini Chellappa]

Hi Olga, 

Thank you for the update. 

Using paste(sfdtstring) API in editor module, you can insert a document (extracts the document and insert contains paragraph and table) at current cursor position. 

Please refer the below documentation on paste API 

https://ej2.syncfusion.com/vue/documentation/api/document-editor/editor/#paste 

Sample code snippet 

DocumentEditorContainer 

 

//pass the sfdt string, which extracts the document and inserts paragraph and table with its properties  

containerInstance.documentEditor.editor.paste(sfdtstring) 

 

DocumentEditor 

documentEditorInstance.documentEditor.editor.paste(sfdtstring) 

 

 

Regards, 

Harini C 

[Alexey]

Thanks, it work fabulous!