Показать сообщение отдельно
  #3 (permalink)  
Старый 07.02.2021, 17:03
Кандидат Javascript-наук
Отправить личное сообщение для fori Посмотреть профиль Найти все сообщения от fori
 
Регистрация: 27.01.2021
Сообщений: 109

Спасибо за помощь, работает)), можно пожалуйста вопрос, как сделать чтоб спан текста появлялся перед введенный текстм от пользователя
Тоесть так
<div id="mydiv" contenteditable="true" tabindex="0">"Enter"</div>
<style>
div{
width:25%;
height:25%;
background: green;
word-wrap: break-word;
overflow-y: auto;
}
.sp{
color:red;
}
</style>
<script>
document.getElementById("mydiv").addEventListener('keydown', event => {
	document.getElementById("mydiv").insertAdjacentHTML('afterbegin',"<span class='sp' contenteditable='false'>red</span>");
});
</script>

только вместо "Enter" перевод строки вниз — \n\r не работает

Ответ: перевед строки и каретки — <br></br>

Последний раз редактировалось fori, 07.02.2021 в 17:18.
Ответить с цитированием