ejs documenteditor Not Working Need Assistance with Initialization and Loading Documents

[Rajesh R]

I am having trouble getting the `<ejs-documenteditor>` component to work in my ASP.NET Core application. The component does not render correctly, and I am unable to load any documents. Here are the details:

<script src="https://cdn.syncfusion.com/ej2-documenteditor/documenteditor.min.js"></script>

<!--HTML Initialization -->

<ejs-documenteditor id="document-editor" height="590px"></ejs-documenteditor>

JS Code

var documentEditor = document.getElementById('documentEditor').ej2_instances[0];

                    var base64Content = data.docBase64.split(',')[1];

                    var binaryString = window.atob(base64Content);

                    var binaryLen = binaryString.length;

                    var bytes = new Uint8Array(binaryLen);

                    for (var i = 0; i < binaryLen; i++) {

                        bytes[i] = binaryString.charCodeAt(i);

                    }

                    var byteArray = new Uint8Array(byteNumbers);

                    var fileBlob = new Blob([byteArray], { type: data.MimeType });

                    var file = new File([fileBlob], "Sample.docx");

                    var sfdtContent = convertToSFDT(file);

                    convertToSFDT(file).then(function(sfdtContent) {

                            documentEditor.open(sfdtContent);

                        });

function convertToSFDT(file) {

       return new Promise(function(resolve, reject) {

                var url = '@Url.Action("Load", "DocumentEditor")';

                var formData = new FormData();

                formData.append('file', file);

                $.ajax({

                    cache: false,

                    type: "POST",

                    url: url,

                    data: formData,

                    processData: false,

                    contentType: false,

                    success: function (data) {

                        resolve(data.result);

                    },

                    error: function (msg, textStatus, errorThrown) {

                        alert('Exception' + msg.responseText);

                        reject(msg.responseText);

                    }

                });

            });

        }

[Suresh Iyappan]

Hi Rajesh,

Kindly follow the steps provided in the below documentation link to render document editor component properly in your ASP.NET CORE application. 

Documentation Link :  https://ej2.syncfusion.com/aspnetcore/documentation/document-editor/getting-started-core   

Kindly try the above solution and let us know if you need any further assistance. 

Regards,
Suresh I