Shortcode in Editor

Hey,

I am trying to add a dropbox box to my editor with some shortcoeds in to make it easier to insert into posts…

I found the following post that helped out however I need to somehow edit this to work using shortcode variables.

https://www.paulund.co.uk/add-button-tinymce-shortcodes

For example… I have a shortcode [notes title=”Title for Note”]Content for note here[/note]

But they are different for each shrotcode.

How would I make a dropdown with a list of shortcodes and when you click on one it inserts a snippet into the editor… for example… click [notes] from a dropdown list in the editor and it inserts [notes title=”Title for Note”]Content for note here[/note] so the user can edit the shortcode as they wish?

Thanks for any help
Daniel