Is it possible to disable the image tool in RichTextEditor, and if so how can this be done?
1 - Add the following content to a .css file, say custom-rte.css
, under your /frontend/styles
directory:
:host(.custom) [part~="toolbar-button-image"]
{
display: none;
}
2 - Import the file with @CssImport
and set the theme for vaadin-rich-text-editor
as follows:
@CssImport(value = "./styles/custom-rte.css", themeFor = "vaadin-rich-text-editor")
public class SomeView extends SomeComponent {
3 - Add the used CSS class name to the RichTextEditor
:
RichTextEditor richTextEditor = new RichTextEditor();
richTextEditor.setClassName("custom");