innerText на редактируемом контенте удваивает некоторые разрывы строк

Question

Я пытаюсь прочитать многострочный пользовательский ввод в редактируемом содержимом div, и я не получаю правильное количество разрывов строк, когда читаю ввод с contentEditableDiv.innerText.

Я пытался textContent, но он не возвращает разрыв строки, в то время как innerText иногда возвращает слишком много. innerHTML не кажется подходящим, так как я не хочу HTML-код, просто текст.

Если мой div содержит:

a
b

Возвращает "a↵b" (97 10 98 в примере)

Но если мой <div> содержит:

a

b

innerText возвращает a↵↵↵b (слишком много ↵, 97 10 10 10 98 в примере)

var input = document.getElementById("input");
var button = document.getElementById("button");
var result = document.getElementById("result");
button.addEventListener("click", (event) => {
  var charCodes = "";
  for (var i = 0; i < input.innerText.length; ++i) {
    charCodes += input.innerText.charCodeAt(i) + " ";
  }
  result.innerText = charCodes;
});

<div id="input" contenteditable="true" spellcheck="true" style="border:1px #000 solid"></div>
<button id="button">check</button>
<div id="result"></div>