Rich text fields are used for long-form content you can format from the CMS panel in the Designer or the Editor.
If a Plain Text field is for creating short-form, unformatted text, a Rich Text field is for long-form content that you can format from the CMS in the Designer, or from the Editor.
Rather than continue talking, let's continue talking while looking at how we can add and format rich content inside a Rich Text field.
Right now we're in the Editor. And we have an extraordinary amount of freedom here to create and format our content. When would we use this?
Blog posts. Articles. Anytime we need sectioned-off content. Biographies. Anything really. And we can control the styling for the rich text content — each kind of element (like headings, lists) — we can do this in the Designer using the Rich Text Element. That way collaborators can focus on content — and that content conforms to your design.
So the goal — or the question becomes this: how do we have a Rich Text Element in our project get the Rich Text content from our collection? Well, we drag a Rich Text Element into our project, and we get the Rich Text content from our collection. We cover the Rich Text Element itself in separate content we've created, so if you want a crash course on working with Rich Text inside the Designer, we highly recommend checking that out.
Rich Text field: Perfect for long-form text, or any time you want collaborators to have the ability to format this type of content.
While a plain text field is used for creating short-form, unformatted text, a rich text field is used for long-form content that you can format from the Collections panel in the Designer or the Editor. The rich text field gives your collaborators freedom to create and format their content. The rich text field can be displayed in Collection lists and on Collection pages. You can also use the rich text field to filter a Collection list or set conditional visibility on elements on Collection pages and in lists.
A rich text field can be added to a new or existing Collection. In Collection settings, click on New Field and then choose the Rich Text field.
Before saving the field, you can set a minimum character count and/or a maximum character count that is allowed for this field. And as with any field, you can add a Help text and specify if the field is required or not.
You and your collaborators can create rich text content for each Collection item.
In a rich text field, you can add:
To show the content of the rich text field in Collection list or Collection pages, you can add a rich text element and connect it to this field:
You can also access the Inner Text Settings by selecting the text element and either clicking on the settings icon next to the element label on the canvas or by going to the Settings panel (D).
You can set specific styles for each element nested in a rich text, like headings, lists, links, etc. You can do this before you connect your rich text element to a rich text field. Learn more about styling elements nested in a rich text element.
You cannot style elements nested in a rich text element when it’s connected to a rich text field. First, you need to remove the connection, style its elements, then, connect it again to the rich text field. You can remove the connection by unchecking the “Get text from” under Inner Text Settings.
To filter your Collection list using a rich text field:
The filter rules that you can use with the rich text field and values are:
You can set conditional formatting to show rich text content in specific conditions. You can also set conditional formatting, for example, on headings to show them only when a specific rich text field has content:
Something went wrong while submitting the form. Please contact support@webflow.com
Got a lesson suggestion? Let us know
Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback