I am trying to figure out how to create two different functionalities of links within a block of text (screenshot below). The blue links should function as normal links, but the green links should open a popup/modal on the page. I know how to build the popup but I can’t figure out how to create a new style name for them within the rich text block in order to start the interaction. Any recommendations would be much appreciated.
Have a look at Finsweet’s Powerful Rich Text attributes add-on.
It allows you to assign arbitrary classes inside of your rich text content ( full HTML markup, actually ), which means you can create links classed to trigger specific interactions like your pop-up.