jquery - MCE5- 如何在 Tiny mce-5 中将任何图像作为自定义按钮图标？

Question

我正在使用 TinyMce-5，我必须向它添加一些自定义按钮，这些按钮工作得很好，但我不知道如何在这些按钮上添加图像作为图标，因为 fontawesomes 没有提供这些图标，所以我需要在按钮上放一个 .png 图像作为图标。这是我在设置中使用的代码:参数

ed.ui.registry.addButton('alignTop', {
    image:'http://localhost/image-process/images/donut_PNG27.png',
    tooltip: 'Align box top',
    onAction: function () {
        $('.shape[data-active=me]').css('top','0px');
    }
});

Answer 1

我不喜欢上面的解决方案，所以我尝试了下面的方法并且像魅力一样工作!!!!!!

ed.ui.registry.addButton('alignTop', {
    text: '<image src="http://localhost/image-process/images/donut_PNG27.png" style="height: 24px;width: 24px;padding: 3px 0px 0px 0px;"/ >',
    tooltip: 'Align box top',
    onAction: function () {
        $('.shape[data-active=me]').css('top','0px');
    }
});