javascript - 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 を取得できれば、配列を簡単に更新できます。