Example of Type in Javascript Rich Text Editor Control

/
/
Type

This sample demonstrates the different behavior of toolbar support in the Rich Text Editor. Change the toolbar type as multiRow or expand from the property panel to see its appearance . Check or uncheck the floating toolbar in property panel to look on its behavior.

More Details...

Description

Floating: set boolean value to toolbarSettings.enableFloating property to enable or disable the floating toolbar. The Rich Text Editor allows you to configure different types of toolbar using toolbarSettings.type property. The types of toolbar are: Expand: The toolbar hides the overflowing items in the next row. Click the expand arrow to view overflowing toolbar items Multi Row: The toolbar hides the overflowing items in the next row. Scrollable: All the elements are displayed in a single line with horizontal scrolling enabled. Popup: The toolbar hides the overflowing items inside a popup menu when there is limited space. The popup menu is displayed when clicking the toolbar overflow icon. Injecting Module The above features built as modules have to be included in your application. For example, to use image and link, inject the specific module using RichTextEditor.Inject (Toolbar, Link, Image, HtmlEditor, QuickToolbar, EmojiPicker, PasteCleanup, Audio ,Video, FormatPainter, Table).