Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

NameDescription
LabelElement Label to be displayed to the end-user.
ID

Element ID (By declaring as "message", a corresponding database table column "c_message" will be created)

Please see Form Element for more information about defining the ID and list of reserved IDs.

Editor

Type of the editor:

  • TinyMCE

Retrieving value inside TinyMCE editor using JavaScript.

  • Quill

Mode

Toolbar features:

  • Simple

  • Full

  • Inline Edit (Available for Quill Editor Only)

Image Added

Enable Switch Between Inline Edit

Available for Quill Editor Only

Display as a checkbox if the Mode is Full and Simple

Image Added

Display as Multi Select Box if the Mode is Inline Edit

Image Added

Example:

Image Added

PlaceholderThe placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format). The short hint is displayed in the input field before the user enters a value.

...

NameDescription
Value Default Value
Validator

Attach a Validator plugin to validate the input value. Please see Form Validator.

Info
titleWhen will validation takes place?

Validation will take place whenever a form is submitted except when it is submitted as "Save as Draft".

Available options:

  • Basic
  • BeanShell
  • Date and Time Duplicate Validator
  • Directory
  • Duplicate Value
  • Equal Value
  • Multi Form Validator
  • Password
  • Plugin Template - Validator

UI

Image RemovedImage Added

NameDescription
Readonly

Determines if the element is editable.

Height (px)Defines the height of the Rich Text Editor.
Custom Settings (JSON)

Refer to https://www.tiny.cloud/docs/configure/editor-appearance/#style_formats for more TinyMCE Editor customization

Refer to https://quilljs.com/docs/modules/toolbar for more Quill Editor customization

Image Upload

NameDescription
Permission

 Manage on who is able to access the file uploaded. Read more at Permission Control.

  • Logged In Users
  • Public
  • Custom


Related Tutorials

Sample App

View file
nameAPP_kb_dx8_richTextEditor.jwa
height250