tinyMCE菜单下拉列表元素图像

Question

因此，我的任务是打开一个tinyMCE下拉按钮，该按钮具有如下所示的文本列表项：

变成这样：

这样，列表项不仅具有与之相关的文本，而且还具有图像。通过执行以下操作，我能够完成第二张图像：

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将图片添加到该图标之前。这似乎不是最好的方法（如果有更好的方法，请告诉我），但是如果我继续沿这条路线走，有一种方法可以在下拉菜单的容器周围放置一个特定的选择器，以便我不要破坏其他东西吗？