检测div jquery中的所有更改

Question

我正在研究jQuery Editor。我想捕获div中所做的所有更改。
我经历了一些堆栈溢出问题，如jquery-listen-to-changes-within-a-div-and-act-accordingly，fire-jquery-event-on-div-change
这些问题用于在发生变化时获取信息，但我需要了解有关在div中所做的所有更改的详细信息，例如添加或删除的任何文本以及在什么位置等。 需要位置和值，以便我可以将它用于我的算法

var editorText = $(".jqte_editor").html();
//editorText = "This is a simple editor"
//Convert text into array
var array = editorText.match(/.{1,5}/g);

var newText = "is not";
var position = 2;

//Add new text and again split it if size is more than 5
if(newText.length > 5)
{
    var newArray = abc.match(/.{1,5}/g);

    for(var i=0;i<newArray.length;i++)
    {
            array.splice(position+i, 0, newArray[i]);
    }

    array.splice(pos-1, 1);
}   

console.log("Array after rendering"+array);

所以，如果我能获得newText和position，我可以轻松更新数组。