How to view and edit the word document in another view in ASP .NET MVC

See more:

ASP.NET

MVC5

1.I want to Open the .docx(word file) in the View (.cshtml) where i want to see the word file and able to edit it.
2. Folder Structure:
I'm working on the Jobseeker module and the .docx File uploaded by the Admin and that file present in the Admins Docs Folder.
I'm Creating a view in the Jobseeker module.
3. I installed the Syncfusion.DocIO.Base NuGet Package to open and edit the word file and i Compare the "TemplateName" that i fetch from the database and pass the .docx file path to my view through the ViewBag.
4.Error: I'm able to see view but in that view i just able to see a border box inside nothing else.

What I have tried:

Controller code:

View: (where i want to see the word file)

"@{
    Layout = null;
}



    <title>Edit Word Document
    
        
        #container {
            width: 100%;
            height: 600px; 
        }
    


    <div id="container"></div>
    
        var ele = document.getElementById('container');
        var editor = new ej.documenteditor.DocumentEditor({
            isReadOnly: false
        });
        editor.appendTo(ele);
        editor.open("@Html.Raw(ViewBag.DocumentPath)");
"