Skip to content

Commit 11cc5e8

Browse files
committed
Update configuration article for tiptap RTE
1 parent c067307 commit 11cc5e8

File tree

3 files changed

+14
-33
lines changed

3 files changed

+14
-33
lines changed
Lines changed: 14 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,21 @@
1-
# Configuration
1+
# Settings
22

3-
In this article you can learn about the various ways you can configure the Rich Text Editor.
3+
In this article you can learn about the different options you have for configuring the Rich Text Editor.
44

55
## Toolbar
66

77
You have full control over which options should be available on the RTE.
88

9-
![Toolbar: All options enabled](../../built-in-property-editors/rich-text-editor/images/toolbar-full-11.png)
9+
![Toolbar: All options enabled](images/rte-tiptap-all-toolbar-items.png)
1010

11-
In the examble above, all 34 options have been enabled. The options include copy/paste buttons, font styles like bold and italics, bullet lists and options to embed videos and insert images.
11+
In the examble above, all 27 options have been enabled. The options include font styles like bold and italics, bullet lists and options to embed videos and insert images.
1212

13-
## Stylesheets
13+
You can customize the look of the toolbar on the Data Type using the Rich Text Editor property editor.
1414

15-
It is possible to define specific styles that can be used when editing content using the RTE. You can use as many of these styles with the RTE as you want.
15+
![Enhance and customize the capabilities of the Rich Text Editor toolbar](images/rte-tiptap-capabilities-and-toolbar.png)
1616

17-
The RTE styles are defined in CSS files which can be created in the **Settings** section. Read the [RTE Styles](rte-styles.md) article to learn more about this feature.
17+
* Enhance the capabilities of the toolbar by enablding or disabling extentions.
18+
* Use the Toolbar designer to group together items and add additional rows if needed.
1819

1920
## Dimensions
2021

@@ -26,40 +27,20 @@ Define the maximum size for images added through the Rich Text Editor.
2627

2728
If inserted images are larger than the dimensions defined here, the images will be resized automatically.
2829

29-
## Mode
30-
31-
The Rich Text Editor comes in two different modes: Classic and Inline.
32-
33-
### Classic
34-
35-
The default mode which displays the toolbar at the top.
36-
37-
![RTE Mode: Classic](../../built-in-property-editors/rich-text-editor/images/rte-mode-classic-11.png)
38-
39-
### Inline
40-
41-
In this mode the toolbar is hidden, and only shows up when content in the editor is highlighted.
30+
## Overlay Size
4231

43-
![Rich Text Editor Inline mode](../../built-in-property-editors/rich-text-editor/images/inline-mode-new.png)
32+
Select the width of the link picker overlay. The overlay size comes in three sizes: Small, Medium, Large, and Full.
4433

45-
## Blocks
34+
## Available Blocks
4635

4736
Blocks can be added as elements in the Rich Text Editor. Configuration and rendering of Blocks is described in the [Blocks in Rich Text Editor](rte-blocks.md) article.
4837

49-
## Overlay Size
50-
51-
Select the width of the link picker overlay. The overlay size comes in three sizes: Small, Medium, and Large.
38+
## Image Upload Folder
5239

53-
## Hide Label
40+
Images added through the RTE is by default added to the root of the Media library.
5441

55-
When this option is checked the label and description for the RTE property will be hidden.
42+
Sometimes you might want to add the images to a specific folder. This folder can be configured using the "Image Upload Folder" setting.
5643

5744
## Ignore User Start Nodes
5845

5946
Some of the backoffice users might be restricted to a specific part of the content tree. When the "Ignore User Start Nodes" is checked, the users can pick any piece of content from the content tree, when adding internal links through the RTE.
60-
61-
## Image Upload Folder
62-
63-
Images added through the RTE is by default added to the root of the Media library.
64-
65-
Sometimes you might want to add the images to a specific folder. This folder can be configured using the "Image Upload Folder" setting.
Loading
Loading

0 commit comments

Comments
 (0)