Published
January 4, 2023
Updated
Want to embed Rich Text from the CMS into your JSON?
Unfortunately, it’s not possible to do natively in Webflow. There are two problems in accomplishing this;
- Webflow doesn’t expose rich text fields through the + Add Field mechanism in HTML Embeds and Custom Code areas.
- Webflow HTML encodes content that it embeds. You need JSON encoding instead.
Solution
What you can do- though it’s a bit ugly, is this…
- Create a separate plain text field in the CMS, call it something like JSON Rich Text. Put it at the bottom of your fields list, and maybe add a note for clients, DO NOT EDIT.
- Use your Rich Text CMS field for your editing and publishing, as the source of truth. Edit this field only.
- Wire up an external automation that triggers any time CMS item is added or edited on that Collection. Use an external service like Make.com to get the Rich Text HTML, JSON encode it, and then store that result in your JSON Rich Text field.
- Now you can embed that JSON Rich Text field content in your custom JSON.