Rich Editor Element

The Rich Editor element provides a text editor with formatting toolbar for creating rich text content.

---

Overview

Rich Editor is ideal for:

• Formatted content creation
• Blog-style entries
• Detailed descriptions
• Rich text messages
• Any content needing formatting

---

Adding a Rich Editor Element

1. Open the Website Builder
2. Find Rich Editor in the Elements panel
3. Drag it onto your page
4. Configure properties in the Floating Design Panel

---

Properties

General Tab

Property	Description
Placeholder Text	Hint text in empty editor

Dimensions Tab

Property	Description
Height	Editor height
Width	Editor width
Padding	Inner spacing

---

Formatting Tools

The Rich Editor includes a floating toolbar with these formatting options:

Tool	Icon	Description
Bold	B	Make text bold
Italic	I	Make text italic
Bullet List	•	Create bulleted list
Numbered List	1.	Create numbered list
Link	🔗	Insert hyperlink
Header 1	H1	Large heading
Header 2	H2	Medium heading
Header 3	H3	Small heading
Header 4	H4	Smallest heading

---

Page Limit

Note: Only one Rich Editor is allowed per page. This constraint ensures performance and prevents conflicts.

---

Use Cases

Blog Post Entry

Placeholder: "Write your post here..."
Use: Creating formatted blog content

Detailed Description

Placeholder: "Describe in detail..."
Use: Product or project descriptions

Rich Message

Placeholder: "Compose your message..."
Use: Formatted communications

Notes Section

Placeholder: "Add notes..."
Use: Structured note-taking

---

Rich Editor vs Text Area

Feature	Rich Editor	Text Area
Formatting	Full toolbar	None
Output	HTML	Plain text
Limit	1 per page	Unlimited
Best for	Formatted content	Simple text

---

Best Practices

1. Use for appropriate content - Rich formatting isn't always needed

2. Set useful placeholders - Guide users on expected content

3. Consider output - Rich text stores as HTML

4. Test rendering - Verify formatted content displays correctly

5. One per page - Plan layouts with the single-editor limit

---

Questions?

If you have any questions, please don't hesitate to contact us. Alternatively, you can submit an issue on this platform.

Useful Links:

Web Elements - https://help.acenji.com/#/./create-web-application/elements/index Text Area - https://help.acenji.com/#/./create-web-application/elements/text-area/index Info - https://help.acenji.com/#/./create-web-application/elements/info/index

Was this article helpful?