Вот мой код, который хорошо работает для раскрашивания чисел в редактируемом 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);

       });

    });