Rich Editor

Backendless

This is a component for Backendless UI-Builder designer based on the Quill library.

The component allows rich text editing and presents the user with a WYSIWYG editing area in your application.

alexklein
April 7, 2023

Any update on this component? As is, it’s not useable (see bug reports on Github)

stanislaw_grin
April 10, 2023
stanislaw_grin
April 7, 2023

Hello @alexklein, sorry for not informing you about the update. I checked and see that the ticket was created, the fix was made and the component was updated in the marketplace. Could you please check again (need to reinstall the component again) and let us know if everything is fine now? By the way, in the near future we plan to make automatic updating of components, so in the future to update a component you will only need to click one button.

alexklein
April 11, 2023

The loss of focus issue is fixed, but a new bug appeared (described in Github). The bug manifests when there are two instances of the component on a page, both using data binding (one set to “read only”). We can get around this by using “paragraph” component to serve as the “read only” component to get the content from the rich editor, but it’s really suboptimal.

alexklein
April 4, 2023

The change seems to have introduced some bugs in the component… I’m creating issues in Github to explain how to reproduce.

alexklein
March 17, 2023

This component looks great — but documentation is a little lacking. Questions:

1) After install, there is a Codeless block for “Get HTML from Rich Editor”. I’m guessing this is what we can use to save content to the database… but what data type should the column (of the db table used for storage) be? Text? JSON?

2) If this component allows a user to create html, could there be security concerns? Could it leave our site vulnerable to XSS attacks?

3) There are nice options to hide link, video, and image insert buttons. It would be great to have some control over the other buttons/options in the editor menu. Is there a programmatic way to show/hide other items in the editor? If so, please provide info in the documentation.

alexklein
April 9, 2023

I spoke too soon… in the latest version, there’s a bug where if data binding is used for “Content”, the editor looses focus as soon as one character is typed. Component is unusable in this way (user has to click into editor for each character they want to type). I added an issue in Github…

Serhiy Melnychuk
March 17, 2023

@alexklein

1.“Text” column type is ok.

2, 3.  I have created an internal tickets to deal with these issues.

stanislaw_grin
April 3, 2023

Hello @alexklein, glad to inform you that we have released a new version of the component with improvements:

  1. Added options visibility controls in the editor menu

  2. Prevented XSS attacks

To update your component, use the following instructions:

  • find the component to be updated

  • copy component id (so that the instances of this component continue to work)

  • uninstall this component

  • install new one

  • go to files/ui-builder/containers/{containerName}/components/custom/{NEW_COMPONENT_ID} and rename this folder with the old id

alexklein
April 8, 2023

Great, component works perfectly now… very nice, thank you! It’s also great to hear that updating marketplace components will become easier in the future ❤️

alexklein
April 4, 2023

Great!