Apr 20, 2021
Back to all Elements
If you need a Webflow Symbol element inserted to a RichText element, somewhere in the middle - this one's for you!
We need:
The RichText can be dynamic or static content, and the page can be a CMS template page or a static page. If we use this code in a CMS template page, we can also give the power of dynamically deciding where the symbol will be placed (before which element inside the RichText).
This code:
<script>
var symbol = document.getElementById("symID");
var body = document.getElementById("richID");
body.insertBefore(symbol, body.childNodes[5]);
</script>
Takes the symbol and places it inside the element with the "symID" ID right before it's 5th child.
We can do the same and replace the number '5' with a dynamic field, so each dynamic page will have a different outcome.
.png)
Try avoiding using "Transition: All". It is heavy on the browser's engine.
.png)
.png)