Rich Text Editor
Allows users to create and format the rich text content. Gives users a real-time preview of the content during the edit work. Offers common text formatting options such as paragraphs, lists and block.
Basic
Base Content
This is the actual text content in the widget area, and is purely a set of long characters without any formatting applied.
Placeholder
Specifies a hint that describes the expected value. The placeholder shows the hint text in the widget when nothing is selected or entered. This text disappears as soon as a value is entered in the control.
Interaction
Event Handlers
Event | Description |
---|---|
|
Hide
This sets whether the widget has to be displayed on the screen when the program is loaded. This shows/hides the widget both on desktop and mobile devices.
Read Only
Makes the entire widget disabled, and denies users any action over the element. It is grayed out for users' view to show it is read-only.
Layout
Height
Auto | The height is auto-adjusted for the content |
Fixed | The height of the widget is fixed |
Customize Toolbar
The header part of the widget, where the formatting tools/options are displayed. These options can be customized using the Quill JS library. Refer: https://quilljs.com/docs/modules/toolbar
Hide Toolbar
This sets whether the toolbar section at the header to be displayed on the widget when the program is loaded. This shows/hides the widget both on desktop and mobile devices.
Style
Property | Description |
---|---|
Border Color | Set the colour to the border lines. The border lines will be shown only if that is enabled. |
Background | Users can change the colour of the text background using this property. It has all the RGB colour ranges to pick from. It is recommended to use a corresponding background colour that shows the font clearly. |
Border Radius | This sets the radius of the widget's corners, enabling rounded corners on the widget. This value is defined in "px" terms. |
Border Width | Set the thickness of the border of the widget using this value. It is defined using "px" terms. |
Last updated