Javascript 换行内容将删除两个段落之间的空格

我在单击时高亮显示所选文本，但如果我选择两个段落高亮显示，并且两个段落之间有空格，则空格消失，并作为一个段落工作

下面是我正在使用的代码：

function getSelectionCharacterOffsetWithin(element) {
  var start = 0;
  var end = 0;
  var doc = element.ownerDocument || element.document;
  var win = doc.defaultView || doc.parentWindow;
  var sel;
  if (typeof win.getSelection != "undefined") {
    sel = win.getSelection();
    if (sel.rangeCount > 0) {
      var range = win.getSelection().getRangeAt(0);
      var newNode = document.createElement("span");

      newNode.setAttribute("style", "background-color: yellow;");
      // newNode.setAttribute('id', range);
      newNode.appendChild(range.extractContents());
      range.insertNode(newNode);

      // range.surroundContents(newNode);

      var preCaretRange = range.cloneRange();
      preCaretRange.selectNodeContents(element);

      preCaretRange.setEnd(range.startContainer, range.startOffset);
      start = preCaretRange.toString().length;

      preCaretRange.setEnd(range.endContainer, range.endOffset);
      end = preCaretRange.toString().length;
    }
  } else if ((sel = doc.selection) && sel.type != "Control") {
    var textRange = sel.createRange();
    var preCaretTextRange = doc.body.createTextRange();

    preCaretTextRange.moveToElementText(element);
    preCaretTextRange.setEndPoint("EndToStart", textRange);

    start = preCaretTextRange.text.length;
    preCaretTextRange.setEndPoint("EndToEnd", textRange);

    end = preCaretTextRange.text.length;
  }
  return {
    start: start,
    end: end
  };
}

我要添加一个span标记的解决方案是什么？我应该做什么，它在其中添加span，但不删除两段之间的空格

首段

添加跨度标记后

---

那么我们如何解决这个问题呢？请提供帮助

请更新您的帖子，提供更多信息和可以测试问题的示例