I'm using the Rich Text Editor component in Retool and would like to customize its toolbar. Specifically, I want to keep only the font color and background color options while hiding or removing all other formatting options (bold, italic, lists, etc.).
Is there a way to achieve this using built-in settings or custom configurations? If not, is there a workaround (e.g., CSS overrides or custom JavaScript) to modify the toolbar?
Currently, it's not possible to edit the tooltip of the Rich Text Editor component directly. However, I have a solution for you:
you can use Quill.js Library for a customizable toolbar text editor. Here's a relevant forum post you can check out:
The solution works perfectly, and I havenβt encountered any issues. However, it may not be a permanent fix if Retool updates the component class, as changes could occur automatically. I would prefer not to rely on CSS in such a case, but if class names remain unchanged after updates, your CSS solution would be a reliable long-term fix. Thank you for providing the CSS.
I'm not great at CSS so this might make more problems instead of prevent them but couldn't you do something bellow isntead of listing out all the possible classes?