Function Component of Document Editor example

Question

I want ->1 - Load default data2 - log the changed data in text editor on consoleusing Functional component of DocumentEditor.

Suriya Murugan · Accepted Answer

Hi Salokya,Please refer below documentation to load/save file from server:https://www.syncfusion.com/kb/13306/how-to-load-save-file-in-web-server-for-asp-net-coreBy referring this, you can achieve your requirement.Regards,Suriya M.

Suriya Murugan · Answer

Hi Salokya,We will update details shortly.Regards,Suriya M.

Suriya Murugan · Answer

Hi Salokya,Apologies for the delay.We will update sample by September 21, 2022, without further delay.Regards,Suriya M.

Salokya · Answer

No issues, take your time and if possible please add how load/save datafromDocumentEditor to database using Functional component. If possible please share Axios/Fetch api example as I am

using React.js

Suriya Murugan · Answer

Hi Salokya,## Load default dataWe have prepared the same for your requirement. Loaded default SFDT in created event.//You can access container instance by using docEditor variable  https://stackblitz.com/edit/react-n1rnfi-vgf5qk?file=index.jsDocumentation link:https://ej2.syncfusion.com/react/documentation/document-editor/how-to/open-default-document/#opening-a-default-document-in-documenteditorcontainer ##  log the changed data in text editor on consoleThe contentChange ​event will be triggered when content change in
the document. But we are not able to
identify the changed data.## please add how load/save datafromDocumentEditor to database using Functional componentWe will update details by September 26, 2022.Regards,Suriya M.