Rich Text Editor
- Usage
- Styling
CSS Selectors
The following CSS selectors can be used in stylesheets to target the various parts and states of the component.
- Root element
-
vaadin-rich-text-editor
States
- Read-only
-
vaadin-rich-text-editor
[readonly] - Disabled
-
vaadin-rich-text-editor
[disabled] - Hovered
-
vaadin-rich-text-editor
:hover
Toolbar
- Toolbar
-
vaadin-rich-text-editor
::part(toolbar) - Toolbar button groups
-
vaadin-rich-text-editor
::part(toolbar-group) - History button group
-
vaadin-rich-text-editor
::part(toolbar-group-history) - Undo button
-
vaadin-rich-text-editor
::part(toolbar-button-undo) - Redo button
-
vaadin-rich-text-editor
::part(toolbar-button-redo) - Emphasis button group
-
vaadin-rich-text-editor
::part(toolbar-group-emphasis) - Bold button
-
vaadin-rich-text-editor
::part(toolbar-button-bold) - Italic button
-
vaadin-rich-text-editor
::part(toolbar-button-italic) - Underline button
-
vaadin-rich-text-editor
::part(toolbar-button-underline) - Strikeout button
-
vaadin-rich-text-editor
::part(toolbar-button-strike) - Heading button group
-
vaadin-rich-text-editor
::part(toolbar-group-heading) - H1 button
-
vaadin-rich-text-editor
::part(toolbar-button-h1) - H2 button
-
vaadin-rich-text-editor
::part(toolbar-button-h2) - H3 button
-
vaadin-rich-text-editor
::part(toolbar-button-h3) - Glyph transformation button group
-
vaadin-rich-text-editor
::part(toolbar-group-glyph-transformation) - Subscript button
-
vaadin-rich-text-editor
::part(toolbar-button-subscript) - Superscript button
-
vaadin-rich-text-editor
::part(toolbar-button-superscript) - List button group
-
vaadin-rich-text-editor
::part(toolbar-group-list) - Ordered list button
-
vaadin-rich-text-editor
::part(toolbar-button-list-ordered) - Bullet list button
-
vaadin-rich-text-editor
::part(toolbar-button-list-bullet) - Alignment button group
-
vaadin-rich-text-editor
::part(toolbar-group-alignment) - Align left button
-
vaadin-rich-text-editor
::part(toolbar-button-align-left) - Align center button
-
vaadin-rich-text-editor
::part(toolbar-button-align-center) - Align right button
-
vaadin-rich-text-editor
::part(toolbar-button-align-right) - Rich content button group
-
vaadin-rich-text-editor
::part(toolbar-group-rich-text) - Image button
-
vaadin-rich-text-editor
::part(toolbar-button-image) - Link button
-
vaadin-rich-text-editor
::part(toolbar-button-link) - Text block button group
-
vaadin-rich-text-editor
::part(toolbar-group-block) - Block quote button
-
vaadin-rich-text-editor
::part(toolbar-button-blockquote) - Code block button
-
vaadin-rich-text-editor
::part(toolbar-button-code-block) - Format button group
-
vaadin-rich-text-editor
::part(toolbar-group-format) - Clean formatting button
-
vaadin-rich-text-editor
::part(toolbar-button-clean)