angularjs - 如何使用Ui-TinyMCE onchange事件

Question

如何使用ui-tinymce的onchange事件？ 我正在使用以下代码，但它不起作用

$scope.tinymceOptions = {
    onChange: function(e) {
        console.log('onchange:');
    },
    inline: true,
    menubar: false,
    toolbar: "bold italic underline styleselect",
    statusbar: false
};   

上面的代码正确还是应该修改？我想在标签上进行一些编辑时执行一些操作

Answer 1

进行了一些快速测试，但也没有触发 onChange 函数。

我不知道ui-tinymce或者为什么它不起作用，但我查看了源代码，无论你在tinymceOptions中输入什么都会传递给tinymce实例。

所以找到你应该如何在你正在使用的 TinyMCE 版本中做到这一点并使用它。

例如:

$scope.tinymceOptions = {
  setup: function(e) {

    e.on('change', function () {

      console.log('change');
    });

    e.on('redo', function () {

      console.log('redo');
    });

    e.on('undo', function () {

      console.log('undo');
    });
  },
  inline: false,
  plugins: 'advlist autolink link image lists charmap print preview',
  skin: 'lightgray',
  theme: 'modern'
};

演示: http://plnkr.co/edit/3nOtD7Cw0wc3mmBx0vqc?p=preview