Разрывы строк считаются 2 символами в contenteditable div
У меня есть следующий код в jQuery, который подсчитывает количество символов, которые были написаны в текстовом поле.
Проблема в том, что при вставке разрывов строки счетчик вычитает 2
символы вместо `1``. Когда в новой строке записывается новый символ, счетчик корректируется автоматически, не вычитая ни одного символа.
$(document).ready(function() {
$(document).on("input", "#textbox", function(event) {
var character_counter = $(this)[0].innerText.length;
$("#character-counter").html(160 - character_counter);
});
});
#textbox {
padding: 6px;
border: solid 1px #aaa;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="textbox" contenteditable="true"></div>
<div id="character-counter">160</div>