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.
Last updated
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.
Last updated
This is the actual text content in the widget area, and is purely a set of long characters without any formatting applied.
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.
| Event | Description |
|---|---|
|
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.
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.
Auto | The height is auto-adjusted for the content |
Fixed | The height of the widget is fixed |
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
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.
| 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. |
The "Change" event is activated when the value of the widget is changed. When this event triggers, the associated action gets executed.
