This sample demonstrates the different toolbar configurations of the Rich Text Editor UI component.
The Rich Text Editor UI toolbar can be configured using the
toolbarSettings property. The toolbar
supports different types and positions:
Toolbar Type - Controls how toolbar items are displayed:
Expanded: hides overflowing items in the next row, with an expand arrow to view them.MultiRow: automatically wraps items to the next row.Scrollable: displays all items in a single row with horizontal scrolling.Toolbar Position - Controls where the toolbar is placed:
Top: toolbar appears above the editor (default).Bottom: toolbar appears below the editor.Enable Floating - The enableFloating property enables floating mode
for the toolbar, allowing the toolbar to remain accessible while scrolling through the editor content.