Demande aide pour une fonction jquery dans un editeur

Bonjour,

J'explique un peut mon soucis, j'ai ajouter un boutton a mon editeur bootstrap-markdown qui permetra de mettre des emoji.

pour la création du boutton j'ai ragerder comment été fais les autre ( j'ai pas apris le javascript ) donc j'ai recopier comme la donc n'explique pas tout.

Le boutton fonctionne mais comme dit j'ai copier coller et ça me lance un prompt avec un champ text ou je dois taper le nom de l'icon :emo_smile: par exemple qui ce place dans l'éditeur.

Hors je voudrais bien que quand je clique sur l'emoji que ça m'ouvre plutot un genre dropdown avec une liste d'emoji et quand on clique ça l'affiche dans l'editeur.

Mai je ne connait pas trop jquery le nom de ses fonction m'échappe.

{/*my btn*/
          name: 'cmdIcon',
          title: 'Icons',
          icon: {
            fa: 'fa fa-smile-o',
          },
          callback: function(e) {
            // Give ![] surround the selection and prepend the image link
            var chunk, cursor, selected = e.getSelection(),
            content = e.getContent(),
            link;

            link = prompt(e.__localize('Insert Emoji'), 'exemple : :emo_smile: ');

            if (link !== null) {
            var sanitizedicons = link;

            // transform selection and set the cursor into chunked text
            e.replaceSelection( sanitizedicons );
            cursor = selected.start;

            }
          }
        }/*my btn*/