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

如何使用 Ui-TinyMCE onchange 事件

how to use Ui-TinyMCE onchange event

angularjs

tinymce-4