---
title: "Rich Text Editor"
slug: "rich-text-editor"
updated: 2026-03-02T13:45:42Z
published: 2026-04-27T10:00:00Z
canonical: "documentation.encodify.com/rich-text-editor"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.encodify.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Rich Text Editor

It is possible for the admin user to enable Rich Text Editor in the field definition settings of the Text Box fields.

![image151.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image151.png)

When enabled, the Rich Text Editor control panel is displayed when editing the field in Add/Edit item window, so users can apply styling to the text according to their needs. After saving, formatted text is shown in all places where the field with rich text is displayed (including dashboard widgets).

![image152.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image152.png)

![image154.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image154.png)

Formatting tools of the text editor are listed below:

| Icon | Name | Description |
| --- | --- | --- |
| ![image156.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image156.png) | Source | Switch to plain HTML view, where you can directly edit the markup |
| ![image158.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image158.png) | Bold | Applies **bold** format to selected text |
| ![image160.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image160.png) | Italic | Applies *italic* format to selected text |
| ![image162.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image162.png) | Underline | Applies underline format to selected text |
| ![image164.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image164.png) | Strikethrough | Applies strikethrough format to selected text |
| ![image166.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image166.png) | Subscript | Make text Subscript |
| ![image168.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image168.png) | Superscript | Make text Superscript |
| ![image170.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image170.png) | Remove Format | Removes the custom formatting applied to the selected text. Can be useful if you paste already formatted text from the web-page or Word document and want to restyle it |
| ![image172.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image172.png) | Block Quote | Appy special styling that allows highlighting the text block as quotation |
| ![image174.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image174.png) | Align Left, Center, Right, Justify | Align the paragraph according to the selected method |
| ![image176.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image176.png) | Text direction | Normally used direction from left to right. When selecting the opposite direction, the typed text will appear to the left of the cursor |
| ![image178.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image178.png) | Insert/Remove Numbered List | 1. one 2. two 3. three |
| ![image180.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image180.png) | Insert/Remove Bulleted List | - sweet - sore - bitter |
| ![image184.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image184.png) | Increase Indent | Text with indent |
| ![image182.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image182.png) | Decrease Indent | Text without indent |
| ![image186.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image186.png) | Link | Adds a [hyperlink](http://en.wikipedia.org/wiki/Hyperlink) to an external resource. In the opened "Link"-window you can choose a link type (URL or Email) and define how it should be opened (same window, popup etc.) |
| ![image188.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image188.png) | Unlink | Removes a hyperlink from the text |
| ![image190.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image190.png) | Image | Allows inserting an image by specifying the link to it. You can use a link to the item’s preview image from Module. In opened "Image Properties"-window you can either adjust the picture size, alignment, and text wrapping, border, indents etc. |
| ![image192.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image192.png) | Insert Horizontal Line | Does exactly what it is supposed to:) |
| ![image194.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image194.png) | Insert Special Characters | Allows to select from various additional symbols that cannot be directly entered from the keyboard |
| ![image196.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image196.png) | Formatting Styles | Three predefined Header styles are available + one Normal text style |
| ![image198.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image198.png) | Text Color | Allows to chose the color of highlighted text via the colorpicker |
| ![image200.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/image200.png) | Background Color | Allows to chose the color of highlighted text background via the colorpicker |
| ![001_Table_icon.PNG](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/001_table_icon.png) | Insert Table | Alows to insert a table with custom number of columns and rows (from 1x1 to 10x10) |
| ![003-1_ColumnsTools.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/003-1_columnstools.png) | Column | Tools for the actions with columns: - The Header column toggle, - Insert column left/right, - Delete column, - Select column |
| ![003-2_RowTools.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/003-2_rowtools.png) | Row | Tools for the actions with rows: - The Header row toggle, - Insert row above/below, - Delete row, - Select row |
| ![003-3_MergeCells.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/003-3_mergecells.png) | Merge Cells | - Merge cell up/down, - Merge cell right/left, - Split cell vertically/horizontally |
| ![003-4_TableProperties.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/003-4_tableproperties.png) | Table Properties | Allows to apply formatting to the table: - Border style/color/width, - Background color, - Dimensions, - Alignment |
| ![003-5_CellProperties.png](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/003-5_cellproperties.png) | Cell Properties | Allows to apply formatting to the selected cells: - Border style/color/width, - Background color, - Dimensions, - Padding, - Table cell text alignment |
| ![002_SelectAll_icon.PNG](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/002_selectall_icon.png) | Select All | Allows to select all the content inside the editor (the same as the 'Ctrl+A' combination does) |

> [!WARNING]
> **Note!**If you simply copy and paste text into the editor window, its main formatting will be perfectly kept, including the hyperlinks, bullets, style and even images.

Rich Text Editor is not available for users without “Edit in Edit” access to the field (“Edit in Edit Custom” in Briefing), though they will see the read-only text with formatting applied.

On exporting the Rich text field content to the external file (using actions):

- HTML tags are escaped and substituted with entities (e.g. ") for XML and CSV formats.
- HTML tags are not escaped for HTML and TXT formats.
- For XSLT based printing the escaping of tags is controlled by the XSLT template using the disable-output-escaping setting.
- Other fields without Rich text are exported in the normal way, with special characters escaped no matter the output format.

Custom CSS files for additional styling must be placed in the following directory:

- On production: `{ApplicationDir}/css/custom/common`
- On test server: `{ApplicationDir}/webapp/src/main/webapp/css/custom/common`

It is possible to have several CSS files. After that custom styles will appear in the Style dropdown list of the Rich Text Editor and can be applied.

In order to have styles applied in exported PDF or HTML they must be linked in the section of the template used for exporting. For example:

```plaintext
<!— Link basic styles included into the delivering package —>
<link rel="stylesheet" href="https://qa.test.com/qa/css/rte.css" type="text/css"/>

<!— Link custom styles configured by the system admin —>
<link rel="stylesheet" href="https://qa.test.com/qa/css/custom/common/test.css" type="text/css“/>
```

### Limitations for field with “Rich Text Editor” enabled

- Searching by field with Rich text is not fully functional since there are underlying HTML tags which are respected by search engine but not visible by user.
- Sorting is not available.
- HTML tags are escaped in AdBuilder printed PDF (also including AdBuilder based Legacy Print).
- Text Truncation functionality is not available (because of the risks of truncating the tags that will break the layout).
- Automatic Field Content (autofilling) is not available.
- If styles with identical names are present in custom CSS files, only the first style found is respected.
- For the existing field which already contains the text with line breaks, the line brakes will not be rendered in the field due to HTML peculiarities. However line brakes will still be kept in DB until the field is re-saved, On re-saving, the field the line breaks will be lost.

## AI Assistant for rich text editor fields

Rich text editor has an AI Assistant implemented to help you create and refine content faster and easier.

The AI Writing Assistant helps create and refine content with less effort. It can write new content from scratch, improve existing text, or summarize long passages into key points. Users can describe what they need in their own words, or select from pre-defined options.

AI Assistant is available across the following locations where rich text editing is available:

- Spreadsheet
- Form View with Tabs
- Wizard Form
- Guides & Announcements
- Help Messages
- Text Widget config
- Adbuilder rich text editor fields

#### Access AI Assitant commands

1. Highlight the text you want to modify or place your cursor before, inside or after the text block.
2. Click the **AI Commands**![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/AI commands icon.png)**** icon in the toolbar.
3. From the dropdown, select one of the following categories:
  - Make It Sound
  - Improve It
  - Change It
  - Translate to

Each category opens additional list of commands that can be found in the table below

| Category | Option and it’s short description |
| --- | --- |
| **Make It Sound** (use this group to change the tone or style of your writing.) | - **More Formal** – makes your text sound more polished and professional. - **Less Formal** – creates a more relaxed, conversational tone. - **More Engaging** – makes your content livelier and more captivating. - **More Professional** – refines your text for business contexts. - **More Casual** – simplifies language for everyday communication. - **More Friendly** – adds warmth and approachability. - **More Persuasive** – makes arguments more convincing and confident. |
| **Improve It** (use this group to enhance quality and correctness.) | - **For Better Clarity** – rewrites text to make it easier to understand. - **For Better Grammar** – corrects grammatical mistakes. - **Fix Spelling Mistakes** – checks and fixes misspellings. - **Improve Readability** – simplifies and smooths the text flow. - **Refine Tone** – ensures consistent tone and voice throughout. |
| **Change It** (Use this group to modify the length or level of detail.) | - **Shorten** – removes redundant words and keeps only key information. - **Elaborate** – adds useful details or context to clarify ideas. - **Summarise** – condenses long text into a brief summary. |
| **Translate to** (Use this group to translate your text into another language.) | **Supported languages include:** - Danish - English (UK) - English (US) - Spanish - Chinese (Simplified) - Chinese (Traditional) - Thai - Korean - Japanese - Vietnamese |

![Menu options for text formatting including styles like formal, casual, and engaging.](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/AI commands.png)

An image showing AI Commands in Rich Text Editor

#### Access AI Assistant

1. Select any AI custom command and click on it OR click the **AI Assistant icon** ![](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/AI Assist icon.png) in the toolbar
2. A modal titled **AI Assistant** will appear.

(**Note**: **AI Assistant**modal opened after selecting command will contain already adjusted text based on specific AI command)
3. In the **AI Assistant** modal, enter a prompt or request in the text field labeled **“**Ask AI to improve generated text**”** or select already used request in “Prompt History” dropdown

(**Note**: in order to transform existing text it should be highlighted in Rich Text Editor first)
4. Press **Enter** or click the **arrow button** to submit.

![Text input field for generating a detailed walking tour guide in Copenhagen.](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/Before generating.png)

AI Assistant pop-up before text generation

1. The AI Assistant will generate text in the display area above the input field.

After reviewing, choose one of the following options:

- **Replace** – Replaces the existing content in your editor with the AI-generated text.
- **Insert below** – Adds the AI-generated content below your existing text.
- **Try again** – Requests the AI to generate a new alternative.
- **Stop** – Cancels the current AI generation process.

Also generated content can be copied via “Copy” icon.

Formatting will be preserved in generated content.

**NOTE**: The “**AI Assistant**” modal window is draggable and can be positioned anywhere on the screen.

![Copenhagen walking tour guide overview with duration details and highlights of landmarks.](https://cdn.document360.io/3a63e0a8-1221-4570-aaa1-d43f9b95a612/Images/Documentation/AI Assistant with generated text.png)

AI Assistant pop-up after text generation

#### **Known limitations:**

- The AI Assistant will be inactive if the current selection contains one of the following elements: media embed, HTML embed, or table of contents.
- “header” tag is not supported for adjusting text - transformed text will always have <p> tag (“paragraph”)