You cannot directly set an ID on the parent node of a Rich Text element from the Webflow Designer interface, but there are workarounds depending on your layout and needs.
1. Understanding Webflow Structure
- A Rich Text field in Webflow (e.g., from a CMS collection) is typically wrapped in a div block or section.
- Webflow only allows you to assign IDs and classes to actual elements placed in the Designer, not directly to the system-created parent nodes (like dynamic wrappers).
2. How to Assign an ID Manually
- Wrap the Rich Text field in a manually added Div Block.
- Give that wrapper div an ID using the Settings panel (D key) or via the Element Settings tab.
- Example: Add a Div Block > give it an ID like
content-wrapper
> then place the Rich Text element inside it.
3. Avoid Setting IDs with Custom Code
- Avoid using JavaScript to set IDs dynamically unless absolutely needed, as it breaks clean structure and limits Webflow’s built-in tools like page anchors or scroll interactions.
- If necessary, custom scripts can use DOM traversal (
parentNode
, etc.) to set an ID, but this isn’t recommended for maintainability.
4. Use CMS Reference Fields if Needed
- If your goal is dynamic anchoring or interlinking in a CMS template, consider using a plain Text field for manual ID input and bind it to an element or section.
Summary
You can’t assign an ID to a system-created parent node of a Rich Text field directly, but you can wrap the Rich Text in a custom div block and assign the ID there for full control.