RTE Toolbar is not shown in Ionic

Hi,

I am new to syncfusion and am interested in the rich text editor for an Ionic project.

However, i cannot make it work: the editor always shows up WITHOUT a toolbar. The text is there and is editable, the keyboard shortcuts for boldface for example work fine.

When i resize the browser, the toolbar suddenly shows up! (chrome, edge, chromium(vivaldi))

I tried the vanilla introduction for RTE using angular - there it worked fine. When i try the same with a bare-bone blank ionic project, i get the same.

At any rate i would like the editor to work also inside any ionic container without having to resize it, like an ion-row or ion-col, and i did not manage to do so.


any comment would be appreciated.
Peter

2 Replies

IL Indhumathy Loganathan Syncfusion Team April 11, 2022 04:44 PM UTC

Hi Peter,


Currently, we are preparing an Iconic project with an RTE component to validate the reported issue at our end. But we need some additional time and will update you with further details on April 13, 2022. We appreciate your patience.


Regards,

Indhumathy L



KR Keerthana Rajendran Syncfusion Team April 13, 2022 08:49 AM UTC

Hi Peter,


Thanks for your patience.


We suspect that your ionic container is initially hidden and when it is made visible, the RTE is not refreshed correctly. We suggest you try invoking the refresh method of RTE when the ionic container is made visible.


Refer to the following UG links:


https://help.syncfusion.com/js/richtexteditor/howto#resolve-content-overflow-issue-with-richtexteditor-in-ie-edgeand-firefox-browsers


https://help.syncfusion.com/api/js/ejrte#methods:refresh


We also like to confirm whether you wish to use EJ1 or EJ2 components in the ionic framework so that we can assist you promptly.


EJ1: https://help.syncfusion.com/js/ionic


EJ2: https://ej2.syncfusion.com/angular/documentation/getting-started/ionic/


Regards,

Keerthana R.


Loader.
Up arrow icon