HTML in to document editor

[Tim Johnson]

Hello,

I just wondered if it was possible to convert HTML to SFDT and vice versa for use in the DocumentEditor component. I'm currently messing about with this: https://www.nuget.org/packages/Syncfusion.EJ2.WordEditor.AspNet.Core but haven't really figured out an answer so far.

Thanks!

Tim

[Ajithamarlin Edward]

Hi Tim,  

  

  

In DocumentEditor, you can open and save html file using Syncfusion Docio library. So, we need to write server side WebAPI either in Asp.Net MVC or Core to achieve your requirement. To open html file, we need to use Syncfusion.Docio library to convert the stream to document editor internal structure. Then convert the internal structure to json. Finally, open that json in document editor.   

  

  

Sample code snippet to open html in document editor. 

  

  

        [AcceptVerbs("Post")] 

        [HttpPost] 

        [Route("ImportHtmlToDoc")] 

        public string ImportHtmlToDoc(IFormCollection data) 

        { 

  

            Stream stream = new MemoryStream(); 

            IFormFile file = data.Files[0]; 

            file.CopyTo(stream); 

            stream.Position = 0; 

  

            //Loads the HTML document against transitional schema validation 

  

            Syncfusion.DocIO.DLS.WordDocument document = new Syncfusion.DocIO.DLS.WordDocument(stream,Syncfusion.DocIO.FormatType.Html); 

  

            MemoryStream outputStream = new MemoryStream(); 

            //Saves the Word document 

  

            document.Save(outputStream, Syncfusion.DocIO.FormatType.Docx); 

  

            //Closes the document 

  

  

            // Write Pdf stream here.              

            EJ2WordDocument wdocument = EJ2WordDocument.Load(outputStream, GetFormatType("docx")); 

            string json = Newtonsoft.Json.JsonConvert.SerializeObject(wdocument); 

            wdocument.Dispose(); 

            return json; 

        } 

  

  

Sample code snippet to save as html in document editor. 

  

  

[AcceptVerbs("Post")] 

        [HttpPost] 

        [Route("DocToHtml")] 

        public IActionResult DocToHtml(IFormCollection data) 

        { 

            Stream stream = new MemoryStream(); 

            IFormFile file = data.Files[0]; 

            file.CopyTo(stream); 

            stream.Position = 0; 

            Syncfusion.DocIO.DLS.WordDocument wordDocument = new Syncfusion.DocIO.DLS.WordDocument(stream, Syncfusion.DocIO.FormatType.Docx);             

            //Saves the html file 

            wordDocument.Save(stream,Syncfusion.DocIO.FormatType.Html); 

            stream.Position = 0; 

            return File(stream, "application/html", "WordToHTML.html");             

        } 

  

  

You can pass the document editor content from document editor as blob to above sample code snippets in server-side. 

  

  

https://ej2.syncfusion.com/angular/documentation/document-editor/export/#export-as-blob 

  

  

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

  

Regards, 

Ajithamarlin E.