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

Елемент contenteditable="true" [цветной спан в редактируемый div]
Здраствуйте, подскажите пожалуйста как вставить цветной спан в редактируемый див. Мой код работает однако спанвставляется как текст а не спан
<div id="mydiv" contenteditable="true" tabindex="0"></div>
<style>
div{
width:25%;
height:25%;
background: green;
word-wrap: break-word;
overflow-y: auto;
}
span{
color: red;
}
</style>
<script>
document.getElementById("mydiv").addEventListener('keyup', event => {
document.getElementById("mydiv").append("<span style='color:red;'>red</span>");
}, true);
</script>

можно ли сделать какойто спан не редактируемым в редактироумом диве?

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