[New Free Plugin] Quill Rich Text Editor Plugin for Bubble

Hey @s.arndt

Thank you for your valuable suggestions. For the undo/redo functionality, we can definitely make use of the existing states of RTE element in conjunction with Quill’s delta to manage content changes effectively. The same approach can also be applied to implement the find/replace feature, by leveraging the bubble find and replace method within Quill contents.

We want you to know that we are not just considering these features but actively researching to include them in Quill for a seamless user experience.

As for your second suggestion regarding a versatile textarea plugin, your feedback is greatly appreciated. We’re currently exploring options for a textarea that encompasses all the features you mentioned, like vertical centering, height fitting, word-wrapping,. Once we identify a suitable textarea, we plan on integrating it as a new element within Quill plugin.

Please stay tuned for future updates and we appreciate your continued support and feedback.

Hi, quick question.
Is it possible to change the “line spacing” (of the text) to something like 1.5 or 1.75? Can’t find that option and it’s kind of small right now.
Thanks!

2 Likes

Hi @joaquintorroba
sorry this feature doesn’t exist now, but it seems like a useful feature that has been missed.
We will add it to the plugin as soon as possible.

Thank you for helping us improve the plugin. :raised_hands:

2 Likes

Great @NoCodeDataArtisan, pls keep me in the loop :muscle:t3:

1 Like

I’ve been trying to make the plugin work, although it seems if I don’t set a fixed height the element will expand continuously, and if I set a fixed height then the toolbar duplicates and takes up all the space. Any fix for this?
image

Thanks guys

1 Like

Thank you for bringing this issue to our attention.
May I kindly ask which element you used?

We will do our best to fix it as soon as possible. I apologize for any inconvenience this problem may have caused you.

@NoCodeDataArtisan It’s the Quill Editor S element

1 Like

Another issue when I try to clear a quill input or set initial content as text dynamically. These actions only work when initialized again. The error only appears once

image

1 Like

Hey,
I have a problem with the plugin.

Context: I have set up a feature where a user can create inputs using both a standard input (for a title) and the Quill RTE plugin (for content). These inputs are then saved into a database table. Later, users can edit these inputs by clicking on a title in a repeating group, which triggers a popup to appear, allowing both the title and the content to be edited.

Problem: When a user triggers the popup, the input for the title displays the data correctly, updating each time a new title in the repeating group is clicked. However, the Quill RTE does not behave the same way. On the first click, it displays the correct data from the repeating group. But on subsequent clicks, the RTE continues to show the data from the first entry, not updating as expected. The standard input works flawlessly. However, the Quill RTE is not updating properly.

TLDR video: Loom | Free Screen & Video Recording Software | Loom

Has anyone else faced this issue or have any suggestions on how to resolve it?
Thank you in advance!

1 Like

Hey @phetxdphet

We have successfully merged two elements into the main element, which means you can now enjoy a smoother and more streamlined experience.
To take advantage of this improvement, please migrate from Editor S to the main Editor as soon as possible.

Don’t worry, you won’t lose any of your favorite features - they are all still there, simply better!

About the error, could you please show the action’s input?

1 Like

Hello @joaquintorroba,

Thank you for bringing this issue to our attention, and for the detailed context and video to explain what’s happening. We appreciate your efforts in troubleshooting this problem.

Currently, the Quill RTE plugin does not support auto-binding of data. This is why you are experiencing the issue where the Quill RTE content doesn’t automatically update.

To work around this limitation, you can manually update the content in the Quill editor using the ‘Set Content’ action.

We recognize the need for auto-binding support and are actively working on adding this feature in future versions of the Quill RTE plugin.

Your feedback is invaluable as we strive to improve our offerings.

Thank you again for your understanding, and we hope this resolves your current issue.

Mehrdad

1 Like

Thank you for your previous suggestion! It worked, and I can now display the data correctly in the Quill Rich Text Editor. However, I’ve run into a minor issue: when I attempt to create new inputs, the editor displays the last input I opened for editing (10 seconds video here).

I believe a solution might be to reset the Quill RTE every time I open the pop-up for creating new inputs. Is there an efficient way to reset the Quill Rich Text Editor using a workflow action when the pop-up is triggered?

I appreciate your ongoing assistance!

1 Like

One of the challenges of working with reusable elements is that they don’t reset themselves automatically. This means that when you open a reusable element, it might still have the old data from the previous use.

To avoid this, you can add a condition in the same action that you used to insert content, so that the delete action will run if the pop-up data is empty.
This way, you can ensure that your reusable elements are always fresh and ready for new data.

1 Like

@NoCodeDataArtisan Any update on adding BBcode output and input?

1 Like

Hi @aj11,

Thank you for reaching out! Currently, Quill doesn’t have the feature to support BBcode input and output, and as far as I’m aware, nobody has developed this specific integration yet.

I’d love to understand more about your needs. Are you looking for a way for users to write directly in BBcode, or do you have existing content in BBcode format that you wish to convert to Quill’s content format?

While Quill doesn’t have direct BBcode support, one potential workaround could be to create an action that converts BBcode to HTML or Markdown first, and then further convert it to Quill format.

Looking forward to hearing more about your use case so we can explore practical solutions together!

Best regards,
Mehrdad

Hi @NoCodeDataArtisan ,
Congrats on such a cool plugin, I am fairly new to Bubble and want to use the rich text editor to create blogs, but when I store the data in the database and display the blog in a text field it comes up with all the tags.

Can you please advice me how to use the response for the rich text editor in the text element of the bubble without seeing any tag with all the headings and the bold text.

1 Like

Hey @sharmaanmol313

Thank you for your kind words about the plugin.

Regarding your use case, you can use the editor to display the content and use the Delta to store content on your database.

You can set it on read-only mode and hide the toolbar to make similar experience as a text element for your users.

Let us know if you encounter any issues with this method or if you have specific situation where you can’t use the editor.

Hi there! First of all, thanks for building this plugin and making it available for free. I have a question related to an error I see in my use case.
I have a page with a list of titles for content items (each with title and text), and when one of the titles is clicked, I’m making the list disappear and the editor appear, with the associated text set in the editor.
However, in each user session, the first time that the editor is loaded and shown to users with the selected text, an error appears stating that there is a TypeError: Cannot read properties of undefined (reading ‘setText’).
After this first instance, the following times that another title is selected the text is shown properly in the editor, which appears/disappears as expected.
If, conversely, the editor is not hidden when I first pass it the text, then the issue does not appear.

Do you know why this might happen?

1 Like

Hello @vi.media,

Firstly, thank you for reaching out and for the kind words about the plugin. I appreciate the feedback and I’m here to help.

From the details you provided, it seems the first time you trigger the action or condition to make the Quill editor visible, the text to be set in the editor isn’t available yet. So, the editor is trying to Set Text before the required text is available.

Here’s what might be happening:

  • On the first click, the editor is being initialized and is attempting to read from a source (like a state or prop) that has not yet been populated or fully set.

  • The subsequent clicks work because the editor and its dependencies are already initialized from the first attempt, and the data/state you’re trying to access is now available.


To address this:

  1. Check the Text: Before making the editor visible, add a condition to ensure that the value you are trying to set in the editor is not empty.

  2. Using Quill Editor: Another approach, as mentioned, is to utilize the Quill editor directly. Instead of using a separate text component to display the content, you can make the Quill editor look like plain text by setting it to read-only and hiding the toolbar. When you want the user to edit the text, you can change the editor’s mode to be editable and display the toolbar.

I hope these suggestions help address the issue you’re facing. Please let me know if you have any further questions or if there’s any other way I can assist you.

Thank you for using our plugin and for bringing this to our attention.

Best regards,
Mehrdad

1 Like

Can you please add a setCaretPosition feature much like the existing insertText element action but instead of insertingText I would like to set the caret position manually.

I found a nice plugin called “Typewriter for input” which works with quill editor. Currently, there are some conflicts with how they work but allowing to setCaret manually position will fix it.

I hope you can tweak the inserText feature but instead I can setThe caret position.

Hoping you could make this changes.

Thank you very much!

1 Like