Server side export in JavaScript (ES5) Document editor control

13 Feb 20262 minutes to read

SFDT to DOCX export

Document Editor supports server-side export of Syncfusion Document Text (.sfdt) to Doc, DOCX, RTF, Txt, WordML, HTML formats using server-side helper Syncfusion.EJ2.DocumentEditor available in ASP.NET Core & ASP.NET MVC platform in the below NuGet’s.

• Syncfusion.EJ2.WordEditor.AspNet.Core
• Syncfusion.EJ2.WordEditor.AspNet.Mvc5
• Syncfusion.EJ2.WordEditor.AspNet.Mvc4

Please refer the following code example.

    //API controller for the conversion.
    [HttpPost]
    public void ExportSFDT([FromBody]SaveParameter data)
    {
        Stream document = WordDocument.Save(data.content, FormatType.Docx);
        FileStream file = new FileStream("sample.docx", FileMode.OpenOrCreate, FileAccess.ReadWrite);
        document.CopyTo(file);
        file.Close();
        document.Close();
    }

    public class SaveParameter
    {
        public string content { get; set; }
    }

Please refer the client side example to serialize the sfdt and send to the server.

var documenteditor = new ej.documenteditor.DocumentEditor({ enableSfdtExport: true, enableWordExport: true, enableTextExport: true });

documenteditor.appendTo('#DocumentEditor');

// Open the SFDT document.
documenteditor.open(sfdt);

document.getElementById('export').addEventListener('click', function () {
    var http = new XMLHttpRequest();
    http.open('POST', 'http://localhost:5000/api/documenteditor/ExportSFDT');
    http.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
    http.responseType = 'json';

    // Serialize document content as SFDT.
    var sfdt = { content: documenteditor.serialize() };

    // Send the SFDT content to server.
    http.send(JSON.stringify(sfdt));
});

DocumentEditor object is available in DocumentEditorContainer component(DocumentEditor packaged with toolbar, status bar & properties pane) as documentEditor