How to EMBED code in Webflow Rich Text?
Hey wizards,
I'm trying to embed a code from an external source i.e "https://gist.github.com/" but couldn't find the best way. I want my own styling, which should take the entire width of the rich text elements. @Web Bae
5 Replies
My first thought is to use the <code> element. https://www.w3schools.com/html/html_computercode_elements.asp
I think Webflow rich text allows for custom code script embeds. I suggest also checking out Finsweet CMS Rich Text:
https://finsweet.com/attributes/powerful-rich-text
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
Powerful Rich Text - Add HTML and components to Webflow Rich Text B...
Add HTML to Rich Text elements, add components from the same page or from different pages, add classes, ids, attributes, and more
Thank you. @Kudz
Anytime @Mustapha Mushi
Hey @Mustapha Mushi I really like Github gists and am thinking about transferring my site over to them. the <code> tag works but I've found difficult to manage with lots of code blocks AND requires escaping html if you want to include html. I did a little research and found a great blog post on styling Gists that should help: https://codersblock.com/blog/customizing-github-gists/
Customizing GitHub Gists
GitHub Gists let you save and share snippets of code. They’re popular with people who write about code, since you can embed them right into your articles, like...
It offers a few ways from simple to involved. Let me know what you decide