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

EventDescription

Change

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

PropertyDescription

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