how i connect this docx file edit functionality in my project angular

greensky-code commented 3 years ago

Please check if it satisfies the following requirements:

It is a small project satisfying a particular scenario
It is related to GroupDocs APIs
It takes 8 or less hours for us to complete
It is not a bug
It is not a feature request

If your requirement is actually a bug in our APIs or a feature request for our APIs then please use our forum to report it and get quick help: https://forum.groupdocs.com/

If all the above requirements are satisfied then please move on:

< describe your free consulting project requirements briefly>

< which platform you're working on -- operating system, development environment etc.>

atirtahirgroupdocs commented 3 years ago

@greensky-code

GroupDocs.Editor API allows you to edit most popular document formats using 3rd party front-end WYSIWYG HTML-editors without any additional applications. Please note that the API is UI-Agnostic, you can integrate it in any .NET or Java applications. Please share following details and we'll assist you accordingly:

Are you looking for a .NET or Java variant of the API
Your existing project details (e.g. framework, development environment)

greensky-code commented 3 years ago

Hello i am using angular and node js application how can implement document edit functionally

tilalahmad commented 3 years ago

@greensky-code

GroupDocs.Editor Cloud API allows you to edit a wide range of documents that includes Word Processing documents without depending on MS Office or Open Office with any 3rd-party front-end WYSIWYG editor. The editor should be compatible with HTML documents. In your scenario, you can use GroupDocs.Editor Cloud SDK for Node.js to convert Word Processing documents to HTML and edit with some HTML/WYSIWYG editor. The exact workflow will be like as follows:

Upload input document into cloud storage
Load the document into editable representation in the cloud storage (HTML file and resources)
Download HTML document (and resources, if needed) from storage
Edit HTML document at client side using some programming language or 3rd-party front-end editor
Upload HTML document back into the storage
Save the edited document into WordProcessing format in the storage
Download saved document

Please find sample Node.js example and follow these steps to proceed:

Extract the downloaded project
Edit RunExamples.js and put appSid and appKey, obtained from https://dashboard.groupdocs.cloud there
Execute "npm install" command in root directory
Execute "npm update" command in root directory
Run examples using "npm run-script start" command

EditWordProcessingDocument.zip

greensky-code commented 3 years ago

How to integrate Groupdocs viewer in node and View the document in Angular

tilalahmad commented 3 years ago

@greensky-code

Please note GroupDocs.Viewer Cloud main feature is an ability to view documents by rendering them into an HTML, Image or PDF , so that documents of different types can be easily displayed inside your application without any additional software installed, such as Microsoft Office, Apache Open Office, Adobe Acrobat Reader, etc. After the transformation of Document to HTML/Image/PDF you can view it you own developed viewer or any third-party Viewer. Please find GroupDocs.Viewer Cloud SDK for Node.js sample code for DOCX to HTML rendering.

// For complete examples and data files, please go to https://github.com/groupdocs-viewer-cloud/groupdocs-viewer-cloud-node-samples
global.viewer# require("groupdocs-viewer-cloud");

global.appSid = "XXXX-XXXX-XXXX-XXXX"; // Get AppKey and AppSID from https://dashboard.groupdocs.cloud
global.appKey = "XXXXXXXXXXXXXXXX"; // Get AppKey and AppSID from https://dashboard.groupdocs.cloud

global.viewApi = viewer_cloud.ViewApi.fromKeys(appSid, appKey);

let fileInfo = new viewer_cloud.FileInfo();
fileInfo.filePath = "SampleFiles/sample.docx";
let viewOptions = new viewer_cloud.ViewOptions();
viewOptions.fileInfo = fileInfo;
viewOptions.viewFormat = viewer_cloud.ViewOptions.ViewFormatEnum.HTML;
viewOptions.renderOptions = new viewer_cloud.HtmlOptions();
viewOptions.renderOptions.isResponsive = true;
let request = new viewer_cloud.CreateViewRequest(viewOptions);
let response = await viewApi.createView(request);

About integration with Angular please check this sample project. Hopefully it will help you give an idea and develope your own solution.

groupdocs-free-consulting / projects

how i connect this docx file edit functionality in my project angular #10