1. Home
  2. Forum
  3. React - EJ 2
  4. RichTextEditor bundle size more than doubled with the 18.4.x releases

RichTextEditor bundle size more than doubled with the 18.4.x releases

Hi there,

I was wondering why my application bundle size had increased from 2.6MB to 5.4MB in the space of one month.
Checking the @syncfusion/ej2-react-richtexteditor package size in Bundle Phobia I can see what happened . . .



From version 18.3.52 to 18.4.30 the package size increased from 1MB minified to 2.5MB minified.
Other Rich Text Editor packages (such as Slate, DraftJS, Quill) are now 89 - 97% smaller.

Is the reason for this bloat new functionality in the component?
Is there some way of tree shaking the package to minimise the amount my app uses?

kind regards
Nick

7 Replies 1 reply marked as answer
RK Revanth Krishnan Syncfusion Team January 22, 2021 04:02 PM UTC

Hi Wayne, 
 
 
Greetings from Syncfusion support. 
 
 
We have validated your query “Rich Text Editor bundle size more than doubled with the 18.4.30 release”. 
 
Yes, the bundle size of the Rich Text Editor increased with version 18.4.30. And this is because we have added new features in the Rich Text Editor with version 18.4.30. The below are the new feature that is added to the Rich Text Editor, 
 
  • File Manager - This feature allows the editor to browse and insert the images from `FileManager` using various remote services. In ES5 `Rich Text Editor`, it is mandatory to include the ej2-filemanager dependency to render properly.
  • Provided new property `removeUrl` in `insertImageSettings` API to trigger the image remove operation in the server, when the image is removed from the editor.
  • Provided the support to return the Xhtml value in the `value` property when the `enableXtml` property is enabled in the Rich Text Editor.
  • Provided the support to retain all the styles from MS Excel while pasting the content in the Rich Text Editor.
 
 
The main reason that the bundle file size increased is due to the `FileManager` feature where there is Grid component dependency. 
 
We are currently checking the possibilities of tree shaking the package to minimize size. We will let you know with further details once we find the way to tree shaking the package or any other solution on or before 29th January. 
 
Regards, 
Revanth 


RK Revanth Krishnan Syncfusion Team February 10, 2021 04:01 AM UTC

Hi Wayne, 
 
 
Good day to you. 
 
 
We have checked the possibilities of the tree shaking in the react platform. And the tree shaking can be done using the webpack in the react application. We have prepared a sample for your reference, 
 
 
Reference Link: 
 
Can you please check the above sample and the reference link for the tree shaking on the react application? 
 
Regards, 
Revanth 


Marked as answer
WF Wayne Fisher February 23, 2021 10:11 PM UTC

Hi there,

I've found in subsequent versions of the RTE component that the bloat has disappeared (with no changes required on my part).
Using source-map-explorer I can see that RTE component is no longer pulling in the grid component.

thank you
Nick

RK Revanth Krishnan Syncfusion Team February 24, 2021 08:53 AM UTC

Hi Wayne, 
 
Thanks for the update. 
 
We are glad that the reported issue has been resolved, please let us know if you need any further assistance. 
 
Regards, 
Revanth 


JM Jaun Mark October 13, 2021 06:16 AM UTC

Most formatting should be preserved when pasting text into the rich-text editor, but some formatting, such as colored text, may need to be inserted manually in the editor after pasting node js development company


GK Gunasekar Kuppusamy Syncfusion Team October 15, 2021 03:31 AM UTC

Hi Wayne,

Currently, we are validating your reported query. We will update the further details within two business days on or before 18th October.

Regards,
Gunasekar


GK Gunasekar Kuppusamy Syncfusion Team October 20, 2021 03:46 AM UTC

Hi Jaun,

Greetings from Syncfusion support.

We have validated your query "Most formatting should be preserved when pasting text into the rich-text editor, but some formatting, such as colored text, may need to be inserted manually in the editor after pasting node js development company" from our end.

Unfortunately, we are not facing any issues when pasting the content into the RichTextEditor.We have prepared a sample for your reference.

  
  
If you are still facing the issue, please share the following details,  
  • Share the content that pasted into the RichTextEditor,
  • If possible, modify the above sample to reproduce the issue.
  • Any video reference for issue reproducing scenario.
  • The exact package version you are using.
  
The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest.

Regards, 
Gunasekar 


Loader.
Up arrow icon