Изображения элементов раскрывающегося списка меню tinyMCE

Question

Итак, у меня есть задача превратить выпадающую кнопку tinyMCE, в которой есть элементы списка текста, например:

, примерно так:

Так что элементы списка имеют некоторый текст, связанный с ними, но также изображение.Мне удалось создать 2-е изображение, выполнив что-то вроде:

tinymce.create('tinymce.plugins.plugin', {
        init: function(ed, url) {
ed.addButton('articleblock', {
                title: 'Article Block',
                icon: 'nici-cta mdi mdi-playlist-plus',
                type: 'menubutton',
                menu: [
                    {
                        icon: 'suite',
                        text: 'suite',
                        onclick: function() {
                            ed.insertContent('[article_block article-list-by="category" taxonomy="category" term="insert-term-here" format="list" float="none" title="" number-of-posts="5" block-title="Related Articles"]');
                        }
                    },
]
});

, а затем с помощью некоторого CSS, просто добавив изображение перед этим значком.Это не лучший способ сделать это (если есть лучшие способы, пожалуйста, дайте мне знать), но если бы я продолжил этот маршрут, есть ли способ поместить конкретный селектор вокруг контейнера для выпадающего списка, чтобы я могбольше ничего не сломаешь?