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
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.
-
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.
-
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?
-
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.
Hi @NoCodeDataArtisan ,
Great work on the quill plugin!
In the console there are warnings relating to scroll.js which trace back to the quill plugin/editor:
scroll.js:25 [Deprecation] Listener added for a ‘DOMNodeInserted’ mutation event. Support for this event type has been removed, and this event will no longer be fired. See Chrome Platform Status for more information.
I believe the warning shows up because the library is still attaching a listener for DOMNodeInserted. As Chrome’s warning states, the event listener will no longer be triggered in the near future because that event type is deprecated.
I also believe newer versions of quill patch that old event listener. Older Quill versions used DOMNodeInserted and were later updated to use a more modern approach using MutationObserver as per:
Any thoughts on if the old listeners could be upgraded?
1 Like
Hi @mat1
I hope you do well.
We previously upgraded the plugin to Quill v2.0, but encountered issues with helper libraries such as the mention, so we downgraded it.
You can use the plugin’s 7.00, which utilizes Quill v2 library, and check if the error is resolved.
I will also upgrade the plugin’s Quill version in the next release.
1 Like
Thanks @NoCodeDataArtisan - looking forward to the next release!
Really appreciate your hard work on the integration of quill into Bubble! 
Another great feature would be the ability to save directly in BB-code format as I am currently saving to HTML in the DB and then converting using a series of regex to convert HTML tags to BB-code so I can display client side and still use Bubble’s built in style classes. I could use an HTML element for this but then I need to replicate styles etc which is also less than ideal. What are your thoughts on this?
My logic currently (if interested) is to:
> 1. find <p> and replace with nothing
> 2. find </p> and replace with nothing
> 3. match <a\s+href=["'](.*?)["'][^>]*> and replace with [url=$1]
> 4. find </a> and replace with [/url]
> 5. find strong> and replace with b]
> 6. find em> and replace with i]
> 7. find < and replace with [
> 8. find > and replace with ]
> 9. find [br] and replace with space
Note that these operations have to be generally carried out in order for the successful conversion from HTML to BB code. This approach itself is not ideal however for obvious reasons - not least of which is that some of the characters could be entered by the user in the quill editor itself. This is why it would be best to wrap the text in bb code markup on save from the quill editor if possible and parsed when read back into a format understandable to the editor. Probably not a strait forward one… but a challenge?! 
All the best!
1 Like
Whilst I’m here! 
Another great addition would be the implementation of line spacing as per:
One of benefits of this is that you can then space ordered and unordered list items without them breaking into a new list!
Thanks again!
1 Like
Actually we tried to add BBCode feature to the plugin, but encountered issues with all of the existing helper libraries, which were unable to perform adequately.
It seems great, Matt. The problem that we can’t add this method to the plugin because it doesn’t support all things, so it might not satisfy all plugin users. However, for a private use case, it is a perfect solution
1 Like
Bubble Styles is not working
1 Like