При клике на кнопку, в блок
(с атрибутом contenteditable) помещается имя и оборачивается в элемент
b и надо потом печатать после имени, если кликнуть потом в этот блок, то курсор не выходит за пределы элемента
b и получается весь напечатанный текст будет тоже жирным, как вывести курсор за этот элемент?
Почему то
selectionStart не работает.
<p style="
padding: 10px;
background: white;
width: 50%;"
contenteditable="true" class="write-comment"></p>
var formComment = document.querySelector('.write-comment');
var userNameHtml = document.createElement('b');
userNameHtml.innerHTML = userName + ', ';
formComment.appendChild(userNameHtml);
formComment.focus();
formComment.selectionStart = formComment.innerHTML.length;