Hi Vaadin friends,
The Vaadin Pro Rich Text Editor is based on Quill JS Rich Text Editor. That editor itself does not work correctly in WebComponents (issues with Shadow DOM). I greatly appreciate the effort Vaadin team made to massage Quill into WebComponents as Rich Text Editor. Thank you!
Is there any way to enable [Bubble theme]
(https://quilljs.com/docs/themes/#bubble) in this editor?
Alternatively style the toolbar with more options?
Hi Jaroslaw
According to [this thread]
(https://vaadin.com/forum/thread/17771411/how-to-access-rich-text-toollbar-components), you cannot add more options to the toolbar.
However I believe you can hide existing toolbar options using CSS. If I understand correctly, the bubble theme is simply a version of the rte without any toolbar? so you could hide the whole toolbar using CSS.
There seems to be other devs that want to have more control over the toolbar options; To make your voice heard please go upvote related github tickets like [this one]
(https://github.com/vaadin/vaadin-rich-text-editor/issues/118)
Kaspar Scherrer:
However I believe you can hide existing toolbar options using CSS. If I understand correctly, the bubble theme is simply a version of the rte without any toolbar? so you could hide the whole toolbar using CSS.
Bubble does more than just hidding toolbar. Bubble enables floating toolbar.
The Slab wiki, created by author of Quill JS has this implemented. It resembles the Dropbox Paper Doc style editor.
If I understand correctly it is tricky because of WebComponents/Shadow DOM. But given how much customization Vaadin team made, I wonder if this limitation still holds.