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实例。< / p>

因此，找到你应该如何使用你正在使用的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事件

1 个答案: