insert text in a specific section by click - runtime

[hpf porsesh]

Hi

  I want insert text and image the specific place by click on button Runtime

   for example

       when user clicked button insert date to header and insert image to end content  and  Save doc to folder of server 

[Harini Chellappa]

Hi Dev, 

Syncfusion Greetings! 

Please find the details of your query from below table. 

I want insert text and image the specific place by click on button Runtime

Document editor provide option to insert the text and image in current cursor position.  Insert the text using insertText API of editor module.  https://ej2.syncfusion.com/documentation/api/document-editor/editor/#inserttext  Sample code snippet  ContainerInstance.documentEditor.editor.insertText(“19/04/2002”)  Reg. Insert Image    Kindly refer the below documentation on inserting the image in document editor  https://ej2.syncfusion.com/documentation/document-editor/image/    https://ej2.syncfusion.com/documentation/api/document-editor/editor/#insertimage  For navigating to header, footers region in document editor  Document editor provides goToHeader, goToFooter API of selection module.  https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection/#gotofooter  https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection/#gotoheader  Sample code snippets  ContainerInstance.documentEditor.selection.goToHeader()  ContainerInstance.documentEditor.selection.goToFooter()

Save document to folder of server

Document editor provides options to export the document editor content as blob which can be passed to server-side for saving.  https://ej2.syncfusion.com/documentation/document-editor/export/#export-as-blob  you can also refer the below KB on saving files in server.  https://www.syncfusion.com/kb/10304/how-to-load-save-file-in-web-server-for-asp-net-core

Please check this and let us know if you need any further assistance on this. 

Regards, 

Harini C 

[hpf porsesh]

Thank you for your response

But 

I am Beginner .Please give an example

for example how to use  ContainerInstance.documentEditor.editor.insertText(“19/04/2002”) 

In Script?

In Controller?

please help me.thank you very very  much

[Harini Chellappa]

Hi Dev, 

InsertText API belongs to client side’s document editor API, you need to call this API in scripts. 

Kindly check the below sample for your reference. 

https://stackblitz.com/edit/kugmys?file=index.html 

Kindly check it and let us know if you need any further assistance on this. 

Regards, 

Harini C