如何使用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