Custom bbcode type, loaded dynamically?

[hzr]

I run a gaming forum and I want to load a dropdown-list, kind of thing.

For example when you click the Emoticons button, I'm looking for something similar to that such as "Raid bosses", with the dropdown in the top right corner switching between different groupings and the search box. What would be the "best" way to do this? Do I need a custom plugin or something, or is it totally doable from creating a custom button? Not sure where to start.

The end goal is it'll put something like <span data-raid-boss="124171"></span> onto the final post, and I have separately loading JS that ingests [data-raid-boss] and injects a tooltip + template onto the page later. Am I approaching this in a non-IPS-native way or is there a better idea?

 

Thanks