Hi, I’m trying to get a full understanding of what extent we can do things with Powerful Rich Text. I was able to add components from another page into a rich text field which was awesome. Here’s an example: https://www.firefly.health/employer-resources/primary-care-must-evolve-to-survive. But I don’t quite understand “add classes, ids, attributes, and more” part of the description. Powerful Rich Text - Add HTML and components to Webflow Rich Text Block. I’m interested giving editors the ability to add buttons to the text field that take on the same class as “button.” I would like to avoid adding embed code for buttons. Is there a video on Power Rich Text. I see older tutorials before attributes came out. Thanks!
Hey @Susan_MacPhee! You can write valid custom HTML that when published will act as such. If you inspect the red string in the docs you will find the .kool-class
is added along with the test
id and fs-test-element=test
attribute.
In your case you can try something like <button type="button" class="your_button-class">Click Me!</button>
and the button should have the same class applied.
Test it out and let me know if you need some help
Thank you. I’m just wondering if this is a link, where do you put the URL in your example?
Is it a combo of the below?
Click Me!
Hey @Susan_MacPhee adding a link in HTML would look like this
<a href="your-link-goes-here.com">You can click here to go to the link</a>
the text will render like this → You can click here to go to the link
I was just wondering since this was a button is it best to use button or a ref HTML? If I look at code webflow is making buttons with a ref Screenshot 2023-05-24 at 8.27.36 PM|690x99
" in and somehow add a link?
It is up to you and your end result product as you can also try this approach to add a button that when clicked redirects to another page.
<button onclick="window.location.href='https://finsweet.com/attributes';">
Click Here
</button>
You can read more here
Thank you for your support. I think using whatever is the most accessible is the best approach. Since “button” needs javascript to act like a button, maybe a ref is the best bet. Thanks also for the resource.