Overview
The Rich Text Editor Field allows users to enter formatted content directly inside a form using a user-friendly editor. It works like a basic word processor, enabling text styling, lists, headings, and links without requiring HTML knowledge.
This field is ideal when you need structured, detailed input instead of plain text.
Key Features
- WYSIWYG editor (What You See Is What You Get)
- Multiple toolbar options (Basic, Extended)
- Supports headings, lists, links, and text formatting
- Adjustable editor height
- Optional character limit
- Conditional logic support
- Save & Resume compatibility
How to Add the Rich Text Editor Field
- Go to HT Contact Form → Forms
- Create a new form or edit an existing one
- From the Form Fields panel, drag Rich Text Editor
- Drop it into your form layout
Field Settings Explained
Admin Label
Used internally to identify the field in the admin panel and entries.
Example:Rich Text
Field Label
The label displayed above the editor on the frontend form.
Example:Content
Label Position
Controls where the label appears.
Available options:
- Default
- Top
- Left
- Right
- Hidden
Hide Label
Enable this option if you don’t want to show the label on the frontend.
Placeholder Text
Text shown inside the editor before users start typing.
Example:Enter your content here...
Required
When enabled, users must enter content before submitting the form.
Toolbar Options
Controls which formatting tools are available.
Available options:
- Basic – Bold, Italic, Underline, Lists, Headings, Links
- Basic (+ Lists, Headings) – Extended list and heading support
Choose a simpler toolbar to keep user input clean and consistent.
Minimum Height (px)
Defines the minimum visible height of the editor.
Default: 150px
Recommended for longer content areas.
Max Characters
Limits the number of characters a user can enter.
Leave empty for unlimited input.
Field Size
Controls the width of the editor.
Options:
- Small
- Medium
- Large
Field Class
Add a custom CSS class for styling purposes.
Example:custom-richtext-field
Help Message
Displays helper text below the field to guide users.
Example:You can format your text using the toolbar options above.
Message Position
Controls where the help message appears.
Options:
- Default
- Above Field
- Below Field
Name Attribute
Defines the field’s unique identifier used in form submissions.
Example:richtext_content
This value should be unique and should not contain spaces.
Conditional Logic
The Rich Text Editor supports conditional visibility.
Enable Condition
Turn this on to show or hide the field based on user input.
Conditional Match
Choose how conditions are evaluated:
- All – All conditions must match
- Any – Any one condition must match
Example Condition:
- Show this field if
Name (First Name) equals John
Viewing Submitted Content
In Form Entries
- Content is displayed with formatting preserved
- Lists, headings, and links remain intact
In Email Notifications
- Rich text is sent as formatted HTML
- Most email clients display the formatting correctly
Save & Resume Support
If the Save & Resume feature is enabled:
- User content is saved automatically
- Formatting remains unchanged
- The editor restores content when users resume the form
Common Use Cases
- Contact forms with detailed messages
- Support or issue descriptions
- Job application cover letters
- Feedback or review submissions
- Content or article submissions
Best Practices
- Use Basic toolbar for general forms
- Set a minimum height for better usability
- Apply character limits when needed
- Avoid hiding labels unless context is very clear
- Use conditional logic to show the editor only when needed
Conclusion
The Rich Text Editor Field is a powerful solution for collecting structured, well-formatted user input. With flexible toolbar options, layout control, and conditional logic, it fits perfectly into advanced contact forms without adding complexity for users.