User Manual

09.09.2025

MANUAL

Common Function: Rich text editor

## Overview In [Body Item](/en/manual/table-management-body) and [Description Item](/en/manual/table-management-description), you can use the **Rich text editor**. The Rich text editor allows you to handle text, images, and tables more flexibly than [Markdown](/en/manual/markdown). You can also copy and paste from word processors while maintaining certain formatting. ### Advantages and Disadvantages Before starting to use the Rich text editor, let's understand its advantages and disadvantages compared to [Markdown](/en/manual/markdown). | Style | Advantages | Disadvantages | |:--|:--|:--| | Markdown | Filter and sort functions work without issues | Need to learn special notation | | Rich text editor | Can be used without learning special notation | Filter and sort functions may not work as intended | The main differences from [Markdown](/en/manual/markdown) are summarized in the figure below. ![01](https://pleasanter.org/binaries/8334b10b775d47038bab3b5bcdbcd1ad) ## Limitations 1. When "「Rich text editor」" is selected as the Style for "[Body Item](/en/manual/table-management-body)" or "[Description Item](/en/manual/table-management-description)", the following settings that can be configured in the "Advanced settings" of each item's "[Editor](/en/manual/table-management-editor)" will be disabled (ignored): 1. "[Text alignment](/en/manual/table-management-textalign)" 1. "[Maximum number of characters](/manual/table-management-maxlength)" 1. "[Viewer switching](/manual/table-management-change-viewer)" 1. "[Thumbnail size](/manual/table-management-thumbnail)" 1. The rich text editor includes font switching capabilities, however, only fonts installed on the user's operating system can be used with this feature. Please also see the [detail page](/manual/richtexteditor-detail). Note that font customization is available exclusively in on-premises environments. ## Prerequisites [Site management permissions](/manual/access-controls) are required to enable the Rich text editor. ## When to Determine the Style of "Body Item" and "Description Item" The "Style" property ("Normal", "Wide", "Markdown", "Rich text editor") for [Body Item](/en/manual/table-management-body) and [Description Item](/en/manual/table-management-description) are intended to be used in the following workflow. **If you change the style after creating a record, the configured formatting will be lost.** 1. Create a table. 2. Determine the style for the "Body Item". 3. Decide whether to use the "Description Item". 4. Determine the style for the "Description Item". 5. Create a new record. ## How to Determine the Style of "Body Item" and "Description Item" The Rich text editor is implemented by introducing locally-scoped HTML into [Body Item](/en/manual/table-management-body) and [Description Item](/en/manual/table-management-description). If you cannot accept the following limitations, please use other styles such as "Markdown". 1. "Filter" may not work as intended. 2. "Sort" may not work as intended. 3. CSV export and site package export are also performed as HTML documents. ## Enabling the Rich text editor There are two ways to enable the Rich text editor: 1. Using Smart Design 2. Using the "Editor" tab in the "Manage table" screen ### 1. Using Smart Design Please refer to [Smart Design: Editor: Column: Body](/en/manual/smart-design-editor-body) and [Smart Design: Editor: Column: Description](/en/manual/smart-design-editor-description). ### 2. Using the "Editor" tab in the "Manage table" Screen The following describes the steps to enable the Rich text editor for [Body Item](/en/manual/table-management-body). You can enable the Rich text editor for [Description Item](/en/manual/table-management-description) using similar steps. If [Description Item](/en/manual/table-management-description) is not in the "Current settings" list, please refer to [Editor Column Settings](/en/manual/table-management-editor-columns) to enable [Description Item](/en/manual/table-management-description). 1. Open the target table. 2. Click "Manage table" from the "Manage" menu. 3. Click the "Editor" tab. 4. Select the target "Body Item" from the "Current settings" list and click the "Advanced settings" button. 5. The "Advanced settings" screen for "Body Item" opens. 6. Select "Rich text editor" from the "Style" pull-down. ![02](https://pleasanter.org/binaries/ffdb24afe7db40bfb0a40d25839e4d5f) 7. Click the "Change" button to close the "Advanced Settings" screen. 8. Click the "Update" button. 9. When you create a new record, the Rich text editor toolbar will be displayed for "Body Item". ## Toolbar The toolbar displayed at the top of [Body Item](/en/manual/table-management-body) or [Description Item](/en/manual/table-management-description) contains the following buttons. ![03](https://pleasanter.org/binaries/bdced7cac0644b69ae751ffc76b422f5) The overview and corresponding shortcuts for each button are as follows. If you are using macOS, replace CTRL with Command. | Name | Overview | Shortcut | | :-- | :-- | :-- | | Undo | Returns to the state before the operation. | CTRL+Z | | Redo | Advances to the state after the operation. | CTRL+Y / CTRL+SHIFT+Z | | Font | Changes the font of the selected text. | - | | Size | Changes the font size of the selected text. | - | | Formats | Sets 9 types of paragraph formats for the paragraph where the cursor is placed. | - | | Bold | Makes the selected text bold. | CTRL+B | | Underline | Adds an underline to the selected text. | CTRL+U | | Italic | Italicizes the selected text. | CTRL+I | | Strike | Adds a strikethrough to the selected text. | CTRL+SHIFT+S | | Subscript | Makes the selected text subscript. | - | | Superscript | Makes the selected text superscript. | - | | Font Color | Applies any font color to the selected text. Clicking the button displays a color palette. | - | | Hilight Color | Applies any background color to the selected text. Clicking the button displays a color palette. | - | | Text style | Sets 3 types of styles (formatting) to the selected text. | - | | Remove Format | Removes formatting except for "Formats". | - | | Show blocks | Toggles block visibility. Useful when you have trouble editing with the Rich text editor. | - | | Outdent | Outdents the paragraph where the cursor is placed. Each button press makes the indent shallower. | CTRL+[ | | Indent | Indents the paragraph where the cursor is placed. Each button press makes the indent deeper. | CTRL+] | | Align | Changes the alignment of the paragraph where the cursor is placed. | - | | Horizontal line | Inserts a full-width horizontal line at the cursor position. | - | | List | Selects the list format (unordered, ordered). | - | | Line height | Selects the line spacing for the selected lines. | - | | Table | Inserts a table of up to 10 rows × 10 columns at the cursor position. | - | | Link | Opens the Insert Link dialog and allows you to insert a link at the current cursor position. | - | | Image | Opens the Insert Image dialog and allows you to insert an image (**PNG**, **JPEG**, **GIF**) at the current cursor position. | - | | Edit mode toggle | Toggles between ON (edit mode) and OFF (view mode). You can edit items when ON (edit mode). | - | For details about each button, refer to [Rich text editor: Details](/en/manual/richtexteditor-detail). ## Supported Versions |Supported versions|Body| |:--|:--| |1.4.20.0|New feature implementation| ## Related Information <div id="ManualList"><ul><li><a href="/en/manual/table-management-body">Manage Table: Column: Body</a><span>09.09.2025 up</span></li> <li><a href="/en/manual/table-management-description">Manage Table: Column: Description</a><span>09.09.2025 up</span></li></ul></article> <ul><li><a href="/en/manual/table-management-editor">Manage Table: Editor</a><span>06.20.2025 up</span></li> <li><a href="/en/manual/table-management-editor-columns">Manage Table: Editor: Editor Column Settings</a><span>06.20.2025 up</span></li> <li><a href="/en/manual/table-management-textalign">Table Management: Editor: Item Detail Settings: Alignment</a><span>08.13.2024 up</span></li></ul></article> <ul><li><a href="/en/manual/richtexteditor-detail">Common Function: Rich text editor: Details</a><span>09.09.2025 up</span></li> <li><a href="/en/manual/markdown">Common Function: Markdown</a><span>10.30.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
TOP
このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.