如何使用QuillJS触发文本更改

时间:2018-04-19 10:09:44

标签: quill

我想在我的羽毛笔编辑器中听取文本更改。 以前,这是一个常规text_area所以     MyField.change(function(){ console.log('change!') })

工作正常。

对于羽毛笔,我在doc上看到我应该使用text-change功能。

但是当我在Quill里面改变文字时没有任何事情发生。

var $div = $('<div class="editor">');
var $editor = new Quill($div[0]);
$div.data('quill', $editor);


$editor.on('text-change', function() {
  console.log('change!')
})

HTML

enter image description here

1 个答案:

答案 0 :(得分:1)

尝试一下就可以了

HTML
<div id="editor" </div>

JS

var quill = new Quill('#editor', {
  modules: {
    toolbar: true
  },
  placeholder: 'Compose an epic...',
  theme: 'snow'
});

quill.on('text-change', function(delta, source) {
       console.log('text changed');
});