1. Home
  2. Forum
  3. Others
  4. Office Document Editor

Office Document Editor

"Hi, these are my requirements. Please guide me if they are feasible.


- When I upload the document to the tool, the content should not be altered.

- I must be able to load the document file into the document editor tool.

- I should be able to edit the document and save the edited docx file.


Thanks in advance!"


25 Replies 1 reply marked as answer
SK Selvaprakash Karuppusamy Syncfusion Team August 2, 2023 06:30 AM UTC

Hi Parthiban,


When I upload the document to the tool, the content should not be altered.

The document content format will be preserved like the original document when upload in the document editor.

I must be able to load the document file into the document editor tool.

You can open the document in the document editor using the open icon in the toolbar.

 Picture1.png

 

UG (to open programmatically): https://ej2.syncfusion.com/react/documentation/document-editor/import

I should be able to edit the document and save the edited docx file.

The document editor supports editing the document, and you can save the document in docx and sfdt formats.

 

 Picture2.png

 

Demo: https://ej2.syncfusion.com/react/demos/#/bootstrap5/document-editor/default

 

UG (to save programmatically): https://ej2.syncfusion.com/react/documentation/document-editor/export


Regards,

Selvaprakash K


PJ Parthiban J August 2, 2023 10:28 AM UTC

Hi, I created a sample project and loaded a real-time document in the tool. it seems the text overlap with the footer line.




SK Selvaprakash Karuppusamy Syncfusion Team August 3, 2023 03:41 PM UTC

Hi Parthiban,



We have created a simple document with a footer and tried to open it, and it opened properly without any overlapping, so could you share the input document used on your end to replicate the issue? Thereby, we will analyze further and provide you with the appropriate solution at the earliest. 

If you have any confidential data in your Word document, we recommend that you create a ticket with Syncfusion support.

To create a support ticket: 

https://support.syncfusion.com/support/tickets/create


PJ Parthiban J August 4, 2023 02:20 PM UTC

Hi,


I updated the issue details in support (https://support.syncfusion.com/support/tickets/489064).

If you need further clarification. please let me know


PJ Parthiban J August 4, 2023 02:42 PM UTC

Hi, these is my requirements. If possible please let me know.


I should open the document from URL. 

I gone through the this flow https://ej2.syncfusion.com/react/documentation/document-editor/how-to/open-document-by-address

i need a guidance for the server side setup using nodeJs because my project running on node. it will helpful for me.


Regards,

Parthiban


SK Selvaprakash Karuppusamy Syncfusion Team August 7, 2023 02:25 PM UTC

Hi Parthiban,


Please refer to the below UG to know which platform we support on the server side and which operations require server-side interaction. and we have prepared a simple sample for your reference. In this sample, we have accessed the API from our server using Node.js (example: we have accessed the import API, and we have used this API to convert a word document to SFDT). On the client side, we have used the open API to load a document using SFDT, so you can use that SFDT to open a document.

UG: https://ej2.syncfusion.com/react/documentation/document-editor/index#supported-platforms-for-server-side-dependencies 

https://ej2.syncfusion.com/react/documentation/api/document-editor/#open 


Attachment: node_(2)_8df99f16.zip

PJ Parthiban J August 7, 2023 03:02 PM UTC

Hi,


Based on my understanding, the previous solution was to load a local file into an editor right?

However, I would like to know how to load a S3 bucket URL(file) into the editor. 

I need guidance on how to accomplish this. 

Could you please help me with this scenario?


Yes, I have reviewed the links provided. Syncfusion offers server-side support in .NET and Java, but I require assistance in "Node.js or Java" because we are using React for the front end and "Node.js or Java" for the back end.


Thank you!


SK Selvaprakash Karuppusamy Syncfusion Team August 8, 2023 01:19 PM UTC

Hi Parthiban, 

Currently, we are preparing the sample to load a document from the AWS S3 bucket using Java and will update the further details on August 11, 2023.

 


PJ Parthiban J August 8, 2023 03:13 PM UTC

HI,

thanks for the response. I have one concern please check the below query and let me know the possibilities.

Currently, we are using the Java class "com.syncfusion.ej2.wordprocessor.WordProcessorHelper" to load the document. However, when we use this approach to load a document, the page margin is missing.

The issue with the page margin only arises from a JSON string like the following: 

Image_6581_1691507564948

On the other hand, the document works properly in SFDT format: 

Image_9010_1691507494097

Could you please provide guidance on how to obtain the above format(SFDT: "UEsDBBQAAAAIAAl3CFcYfjSyajEBAFg2BgAEAAAAc2ZkdOy....") using the Java Class/Methods?

please check the below images

1. Original document

image_2023_08_08T14_43_48_938Z-1.png


2. Converted Json document loaded in editor

image_2023_08_08T14_42_55_448Z-1.png


SK Selvaprakash Karuppusamy Syncfusion Team August 11, 2023 05:48 AM UTC

Hi Parthiban, 


Starting from version v21.1.x, the SFDT file generated in the Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. and you can use the optimizeSfdt property to decide whether you want to get the SFDT in an optimized or unoptimized format. Please refer to the below UG documentation to learn about optimize SFDT.

UG: https://ej2.syncfusion.com/react/documentation/document-editor/how-to/optimize-sfdt


PJ Parthiban J August 11, 2023 02:38 PM UTC

Hi,

I'm facing an issue with styles not working in the staging server, but working locally.

Image_9506_1691764403584

front end code:

Image_7969_1691764625904


SK Selvaprakash Karuppusamy Syncfusion Team August 14, 2023 10:44 AM UTC

Hi Parthiban, 


#Style referring issue

If you faced any exceptions on the console, share that. Also, share your server details. Based on that, we will analyse further and provide you with the appropriate solution at the earliest.

#Sample for loading document from S3 bucket

We are facing some configuration issues when trying to access the S3 bucket and will share the sample on August 16 without further delay.

 


SK Selvaprakash Karuppusamy Syncfusion Team August 16, 2023 11:55 AM UTC

Hi Parthiban, 


#Sample for loading document from S3 bucket 

We have prepared a sample for your reference, and in this sample, we have loaded the document from the AWS S3 bucket and converted it to SFDT format using Java, and on the client side, we have used that SFDT to open a document. Please refer to the below-attached sample.

Client: Bmtnmp (forked) - StackBlitz


Note: Replace Your Access Key from AWS S3, Your Secret Key from AWS S3, and Your Bucket name from AWS S3 with your actual AWS access key, secret key and bucket name


Attachment: Java_(3)_f91a1f8.zip

Marked as answer
PJ Parthiban J August 16, 2023 01:18 PM UTC

Hi,


Thanks for the support.

#Sample for loading document from S3 bucket: these changes working fine for me.

#Style referring issue: I figured it out.


PJ Parthiban J August 16, 2023 01:25 PM UTC

Hi, 

I'm having style-related issues most of the time toolbar looks like this.

I used the CSS imports in my main.css file. please check the second image.


Image_8296_1692191969570


Image_8020_1692192320237


SK Selvaprakash Karuppusamy Syncfusion Team August 17, 2023 09:56 AM UTC

Hi Parthiban, 


We checked the given screenshot; the style refers properly, and we suspect the issue occurred due to CSS level customization, so please share the details (code snippet) about whether you made any customizations in the CSS level on your end.


PJ Parthiban J August 17, 2023 12:14 PM UTC

No, I didn't customize the CSS for this component; I simply used the CSS import in my main.css file. I just loaded the document editor in mui modal.


PJ Parthiban J August 18, 2023 10:39 AM UTC

Hi,

Use the below code sample for your reference.


Attachment: Sample_Code_a6b81f38.zip

SK Selvaprakash Karuppusamy Syncfusion Team August 18, 2023 01:39 PM UTC

Hi Parthiban, 

Currently, we are checking this issue with the given code and will update the details on August 22, 2023.


SK Selvaprakash Karuppusamy Syncfusion Team August 23, 2023 04:55 AM UTC

Hi Parthiban, 

Apologies for the delay. Currently, we are checking this issue with the given code and will update the details on August 25, 2023, without further delay.


SK Selvaprakash Karuppusamy Syncfusion Team August 23, 2023 03:04 PM UTC

Hi Parthiban, 


We were unable to reproduce the reported issue, and we have attached the sample we used to try to replicate the issue. Could you please share the sample used on your end or modify the attached sample to reproduce it? Thereby, we will analyze further and provide you with the appropriate solution at the earliest. 


Attachment: myreact_(3)_aa24231c.zip

PJ Parthiban J August 28, 2023 02:32 PM UTC

Hi,


Apologies for the delayed response. I've managed to resolve the responsive issue with the toolbar and identified the problem with the modal popup.


SK Selvaprakash Karuppusamy Syncfusion Team August 29, 2023 01:03 PM UTC

Hi Parthiban, 

Thanks for your update. Please let us know if you need any further assistance.


PJ Parthiban J August 31, 2023 12:32 PM UTC

Hi,


I need a some clarifications.

1. Could you please explain how the team license works?

2. How does Syncfusion enforce the license restriction for 5 developers? Does the Syncfusion license usage depend on our IP address or any other method?

3. Are there any restrictions on deploying the code in a production environment?

4. Can end users open the editor multiple times, or are there any restrictions?



Note: second question is for our security purpose only.


KR Karthikeyan Raja Syncfusion Team December 1, 2023 09:01 AM UTC

Hi Parthiban,


Sorry for the delay.


Please find answers to your questions and let us know if you have any concerns about it

1. Could you please explain how the team license works?

The Syncfusion team license operates on a per-developer basis, providing a transferable model for flexible assignment among your team members. An intuitive portal facilitates efficient license management, streamlining allocation processes. In addition to licensing flexibility, the subscription includes perks like unlimited bug and feature request support, coupled with 24-hour assistance for your team's needs.

 

2. How does Syncfusion enforce the license restriction for 5 developers? Does the Syncfusion license usage depend on our IP address or any other method?

Syncfusion enforces the 5-developer limit through a licensing mechanism tied to the specified number in your license. Admins assign licenses via the portal, and enforcement details are handled by the system, ensuring adherence to agreed-upon limits. This approach allows flexibility for teams working across different locations, independent of IP addresses. We have license keys to validate the licenses at the application level.

 

3. Are there any restrictions on deploying the code in a production environment?

No specific restrictions apply to deploying code in production environments with Syncfusion. Once you obtain a valid license, deploying applications featuring Syncfusion components to production is unrestricted.

 

4. Can end users open the editor multiple times, or are there any restrictions?

End users can open the editor multiple times without encountering restrictions. Syncfusion's licensing primarily focuses on the number of developers using components, rather than end-user interactions.


Regards,

Karthikeyan R


Loader.
Up arrow icon