javascript - contentEditable="true" の div があり、入力した数字に色を付ける必要があります

Question

重複の可能性:
contentEditable="true" の div があり、入力した数字に色を付ける必要がある

これは、編集可能な div の数字を色付けするのにうまく機能するコードですが、カーソルは div の先頭に移動し、キーボードの矢印ボタンを押して文字列をトラバースすると正常に動作するはずです。また、「ホーム」と「終了」ボタン、カーソルは期待どおりに移動するはずです...

jQuery(document).ready(function(){

   $("#richTextField").keyup(function() {

      var divContent = $(this).text();
      var pattern = /(\d)/g;
      var replaceWith = '<span class="numberClass"'+ '>$1</span>';
      var highlighted = divContent.replace(pattern,replaceWith);

      $(this).html(highlighted);

   });

});