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');
    }
});