Как исправить курсор в contentEditable?

Для того чтобы исправить проблему с курсором в элементе с атрибутом contentEditable, можно воспользоваться JavaScript.

Прежде всего, необходимо убедиться, что у элемента есть уникальный идентификатор, чтобы мы могли обратиться к нему через JavaScript. Далее, используя метод document.getElementById(), получаем доступ к элементу.

Далее, чтобы установить курсор в конец текста в элементе contentEditable, можно воспользоваться следующим кодом на JavaScript:

var element = document.getElementById('myElement'); // заменить 'myElement' на ваш уникальный идентификатор элемента
var range = document.createRange();
var selection = window.getSelection();
range.setStart(element, element.childNodes.length);
range.collapse(true);
selection.removeAllRanges();
selection.addRange(range);
element.focus();

Этот код создает новый Range объект, устанавливает его начальную позицию в конец текста в элементе и устанавливает фокус на элемент, чтобы курсор был видим.

Таким образом, при использовании данного кода, вы сможете исправить проблему с курсором в элементе с атрибутом contentEditable и установить его в конец текста.