jquery检测div内部的变化获取html并设置为输入值

Question

我正在使用Quilljs作为富文本编辑器。

$(document).ready(function () {
    //get content of quillEdit and insert into hidden input field.
    $(".ql-editor").on('change', function() {
        var content = $(this).html();
        $("#QuillEdit").val(content);
        console.log(content);
    });
});
<form>
   <input type="text" name="quillEdit" id="QuillEdit" class="hidden-input" value="" />
</form>
<div id="quillEditor">
    <div id="toolbar"></div>
</div>

在上面，quill在#quillEditor中创建了编辑器。在那里，它创建了一个带有一个ql编辑器的div。

在该div内部，创建所有内容（p标签等）。

我想，当ql-editor中发生变化时，我想将html转储到我的输入“QuillEdit”作为其值。

但绝对没有发生任何事......

到目前为止，这一直是一片空白。知道如何让它工作吗？

Answer 1

找到解决方案，quilljs有一个textchange事件，我可以查看。

所以我的解决方案如下：

quill.on('text-change', function (delta, oldDelta, source) {
    var content = $(".ql-editor").html();
    $("#QuillEdit").val(content);
});