A Rich Text Editor (RTE) allows users to create and edit formatted text and content in a user-friendly interface, similar to word processors, without requiring knowledge of HTML or other coding languages.
Block structure
The editor in Cradle CMS has a block structure and each block can be moved up and down to change the order.
Supported blocks: Text, Headings, Images, Todo, List, Embed, Table, Quote, Code snippet, Line, Layout and Wrapper.
Inline text formatting
Inline formatting refers to the application of text-specific styles or formatting directly within the flow of a text, affecting only the selected portion of content without disrupting the surrounding structure. It’s applied to individual words, phrases, or characters rather than blocks of text. Examples of inline formatting include making text bold, italic, or changing its color.
Text color
Bold, Italics, Underlined and Deleted
Links
A link is inserted for a part of a text and adding a url. There is also the option to specify if the link should be opened in another tab.
Alignment
The alignment option will align the text to left, center, right or justified. It will affect the whole block and is not strictly an inline text formatting option.
Block types
A block is added by pressing the plus sign in the menu och simply hitting enter which creates the default text-block (a <p> element ) .
It is possible to change block format between text, heading types (H1, H2, etc), quote, list types (bullet and numbered) and todo.
Text
Text is the default block and will be created automatically when hitting enter.
Heading
The editor has the option to choose heading type from H1 to H4.
Image
An image can be included with an link or by uploading to media.
- Dragable image sizing
- Alt-text
- Caption
- Link: adds a like around the image and makes it function as a navigational element
- Image wrap: None, Left, Center, Right.
- Outset options: None, Left, Center (both), Right
Todo
The todo block creates a list of todos.
List
Bullet or numbered lists.
Embed
Embed is a way to include content like an youtube or vimeo video.
Table
Table-block with commonly needed actions such as adding or removing rows or columns but also with head option.
Quote
The quote block comes with the possibility to add an attribution.
Code snippet
Wraps the content into <pre> tags
Line
Creates a <hr> element
Layout
Layout block adds the possibility to include multiple columns.
Wrapper
The wrapper option will add a <div> element as a wrapper, it is possible to add other blocks inside the wrapper.
Theme support
The Rich Text Editor will require CSS to be included into the theme for optimal usage.