Как ограничить количество вводимых символов? При вводе они ограничиваются. А вот что делать если их вставят?
function go(){
if(document.getElementById("hi").innerHTML.length > 200){
event.preventDefault();
}
}
html, body {
min-height: 100px;
}
.textval {
width: 200px;
max-width: 100%;
min-height: 1em;
border: 1px solid #0c00ff;
border-radius: 5px;
font-family: sans-serif;
line-height: 1.2;
font-size: 1em;
padding: .3em .5em;
}
[contenteditable]:empty:before {
display: block;
color: #999;
content: attr(placeholder);
}
<div id="hi" class="textval" contenteditable="true" placeholder="Текст" onkeypress="go()"></div>
contenteditable
сохраняется исходное форматирование, включая теги и стили. Какое поведение вы ожидаете в таких ситуациях?