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

Hello @mkugler2701,

I hope you’re doing well. Thank you for your kind words regarding the plugin.

Regrettably, the editor does not currently possess this feature.

Best regards.

Hello @NoCodeDataArtisan

I use the QuillEditor with HTML content and the custom modules [‘bold’,{‘list’: ‘bullet’}].
So I can only enter bold text and bullet points in the editor that are not coloured. However, if I copy coloured text or links etc. into the QuilEditor, these are also displayed.
Is there any way to prevent this or convert copied coloured text or links to normal black text?
Thank you very much!

1 Like

Hello @philipp.1203,

Thank you for incorporating the Quill plugin into your application.

While there is no direct feature for this specific use case, you can utilize the Format action to strip formatting from the editor’s content.

For instance, in this page we have the foramt action to remove the bold formatting from the selected text, you can apply the same method to set the color to black or to clear other formatting styles.
Artisan-plugnplay | Bubble Editor

Best,
Mehrdad

Hi @NoCodeDataArtisan

I am using this plugin to compose HTML email for an app. When the font size options: Huge, Large, Normal and small are used, the email don’t get delivered. I am using Postmark for this. Can you please look at this issue once? I want the email to be sent along with the size formatting.

Here’s the attached image of the editor:

1 Like

Thank you very much for your reply and for sending the editor.
Unfortunately, I still have a few questions.

  1. Where can I see when the text was changed or how can I access the changed text? When I execute the workflow, the text remains identical.


  2. In my understanding I need a workflow that first changes the entered text according to my criteria and then saves the changed text.
    Something like that? Or is there a CS for the QuillEditor that saves the changed text?

  3. is it possible to build the workflow in such a way that I can save the changed text as HTML?

Thanks for your reply.

1 Like

Hello @shuvam,

I trust you’re in good health.

To clarify, does the email get sent but not delivered? Are there any error messages on your Postmark dashboard concerning the email content?

Would you be able to share an example of the editor’s HTML?

Best,
Mehrdad

1 Like

You can utilize the event that is triggered whenever there is a change in the editor:


In the example, we modified the format of the user-selected text. If you wish to change the format of the entire editor’s content, you could adjust the action field accordingly:

Best,
Mehrdad

Hi there,
Thanks for getting back. So here is the HTML generated by the editor:

<p><span class="ql-size-huge">This is large size</span></p><p><span class="ql-size-large">This is smaller than above</span></p><p>This is smaller than above</p><p><span class="ql-size-small">This is smallest one</span></p>

I think the HTML should also contain attribute/details of these classes inside style tag.

1 Like

Hi Shuvam,

You are right; it appears that the HTML is not compatible with certain formatting since it generates classes rather than CSS styling attributes.

I will undertake research to find a resolution to this issue. Apologies for any inconvenience you may have experienced due to this problem.

Yes please. If you can generate CSS attributes then that would be awesome.

In the image you can see the ones that are working:

1 Like

hey @NoCodeDataArtisan im checking this plugin and there are a few things that i need to confirm before i move ahead with this.

Is it possible to have the toolbar at the bottom like this: (if so, how)?

Also, how can i style the toolbar and editor the same way as shown here?

Is there an option to resize picture and videos and can i add captions to pictures? Please let me know. Thanks!

1 Like

Hello @idanishsheikh,

I hope you’re doing well.

The plugin itself does not have a built-in feature to move the toolbar down. However, it might be achievable with custom code.

You can customize the toolbar items directly within the Bubble editor. Please note that the plugin also does not include a resize feature for images and videos.

Best regards,

Mehrdad

@NoCodeDataArtisan Hi. Can you please provide a timeline for fixing the formatting issue?

1 Like

Hello @shuvam,

I trust you are well.

I have reviewed the Quill JS libraries to determine if there is a method to apply inline styling for text sizes similar to its approach for other formatting options. Regrettably, it appears that this is not feasible, and the library relies on classes to manage text size formatting.

My apologies for any inconvenience this may cause.