Toolbar Position in JavaScript Rich Text Editor

The Rich Text Editor allows you to configure the toolbar’s position using the position field in the toolbarSettings property. The available positions are:

  1. Top (default)
  2. Bottom

Configuring the toolbar position

The Rich Text Editor allows you to position the toolbar at the top or bottom of the content area, depending on your layout requirements. By default, the toolbar is displayed at the top of the editor.

To position the toolbar at the bottom, set the position property in the toolbarSettings configuration to ToolbarPosition.Bottom (or 'Bottom' for JavaScript). This places the toolbar below the content area, which can help maintain a cleaner top layout and improve accessibility in certain use cases.

When using TypeScript, import the ToolbarPosition enum from @syncfusion/ej2-richtexteditor to take advantage of compile-time validation.

See also