| Panel | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
This feature is enhanced in Joget DX to manage permission who can access any uploaded files |
Table of Contents
Introduction
| English |
|---|
Rich Text Editor offers the interface for editing the rich text within web browsers, which presents the user with a "what-you-see-is-what-you-get" (WYSIWYG) editing area. |
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
This feature is enhanced in Joget Workflow v6 with new Rich Text Editor. |
...
Figure 1: Screenshot highlighting Rich Text Editor in Form Builder
The Rich Text Editor is only available on Professional and Enterprise Edition. |
Get Started
The easiest way to see how the Rich Text Editor works are to use the existing built-in App Expenses Claims. Here are the steps:
- Start the Joget Server and open the App Center.
- Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App. (see Figure 1)
Figure 1 - Click on the Create New Form button and fill up the Form Details as follows (see Figure 2):
- Form ID: richTextEditor
- Form Name: Rich Text Editor
- Table Name: j_expense_claim
Figure 2 - Drag and drop a Rich Text Editor element on to the canvas.
- Hover the mouse over the Rich Text Editor element on the canvas and click on Edit to open up the Edit Rich Text Editor properties.
- Fill up the Edit Popup Select Box properties as follows and click on Next :
- ID: message
- Label: Message
- Click on Advanced Options, tick on Full Features Toolbar? and click the OK button. (see Figure 3)
Figure 3 - Click on Preview.
Rich Text Editor Properties
Edit Rich Text Editor
Figure 2: Rich Text Editor Properties
| Name | Description |
|---|---|
| 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. | |
| Label | Element Label to be displayed to the end-user. |
...
...
Advanced Options
Data
| Name | Description | |||||
|---|---|---|---|---|---|---|
| Value | Default Value | |||||
| Validator | Attach a Validator plugin to validate the input value.
|
|
UI
| Name | Description |
|---|---|
| Readonly | Determines if the element is editable. |
| Full Features Toolbar? | Show full features toolbar when checked. |
Newly introduced in Joget Workflow v6
| Height (px) | Defines the height of the rich text editor. |
Image Upload
| Name | Description | |||||
|---|---|---|---|---|---|---|
| Permission | Manage on who is able to access the file uploaded. Read more at Permission Control.
|