如何在数据库中突出显示所选文本并存储，并在页面重新加载时突出显示所选文本？

Question

我能够存储突出显示的文本。当页面加载回来时，我会如何突出显示文本吗？

这是示例代码：

$(document).mouseup(function(event){

  highlighterOn = true;
    if (highlighterOn){

    var selection = window.getSelection();
    var range = selection.getRangeAt(0);
    var sel = range.extractContents();
    var span = document.createElement("span");
    span.style.backgroundColor = "yellow";
    span.appendChild(sel);
    range.insertNode(span);

  }
});

Answer 1

我不确定你要对上面的代码做什么，但我建议（因为你已经将突出显示的文本存储在某种数据库中）只是选择div的innerHTML和做类似.replace('the text I want to highlight','<span class="highlighted">the text I want to highlight</span>')之类的事情，然后用CSS设置.highlighted类的样式。