在froala编辑器中将html数据属性和类添加到图像中

Question

我在Froala编辑器的图像弹出窗口中添加了一个自定义按钮。

  $.FroalaEditor.DefineIcon('youtubePop', {NAME: 'youtube'});
  $.FroalaEditor.RegisterCommand('youtubePop', {
    title: 'make YouTube pop-up',
    focus: true,
    undo: true,
    refreshAfterCallback: true,
    callback: function () {
         // do 2 things here
    }
  });

单击按钮时，我想做两件事：

1. 向图片添加课程
2. 将html数据属性添加到图像

我知道有一种方法可以在下拉列表中添加类到图像，但我想用1个按钮做2件事。

如何？

Answer 1

  $.FroalaEditor.DefineIcon('youtubePop', {NAME: 'youtube'});
  $.FroalaEditor.RegisterCommand('youtubePop', {
    title: 'make YouTube pop-up',
    focus: true,
    undo: true,
    refreshAfterCallback: true,
    callback: function () {
      var $img = editor.image.get();
      $img.addClass('my-custom-class').attr('data-foo', 'bar');
    }
  });