How to embed a DOCX Editor in Angular

in this video I'm going to show you how to embed a docx editor that allows you to create new docx documents or open existing docx documents in your angular app without requiring any server-side dependencies like Microsoft Office or Libra office let's go ahead and get started the best place to get started is head on over to docs.oprise.com and you can go ahead and hit get started with the web gear there's a number of different Frameworks available today I'm going to be walking through the indoor and I'm just going to go ahead and to make things easier go to our github.com github.com and download the zip for the angular example once at downloads I will head on over where I have it downloaded go ahead and unzip it to the webviewer angular and go ahead and open this with the vs code now inside of it I'm going to go ahead and get my terminal open and I'm just going to type in npmi this pulls in all the necessary dependencies once we're ready to run the app we can go ahead and run npm run start and this should create a local server and inside of here we have a PDF open with the webview running now I did promise you to make this look like this so let's go ahead and go back to all this code editor open SRC open up app and let's go inside of the appcomponent.tf as you can see here this is where the webviewer initializes where the PDF first opened we're going to go ahead and remove the initial Dock and then after that remove of this from here to here and now inside of the Constructor for the web here we're just going to go ahead and say enable auditing and we're going to go ahead and set it to true and now on the refresh it reloads and reinstantiates itself in the docx editor mode where I can go ahead and create a title and switch back to the normal text all right and there you have it this is how you would embed a docx editor inside of your

Channel: Apryse

Views: 3,282

Keywords:

Id: 19tN_cx6g3U

Length: 2min 14sec (134 seconds)

Published: Tue May 30 2023