如何高亮显示选定的文本并存储在数据库中，以及当页面重新加载时，如何高亮显示回选定的文本

how do i highlight a selected text and store in db and when the page reloads highlight back the selected text?

本文关键字：文本 何高亮 显示 高亮 新加载 加载 存储 数据库      更新时间：2024-06-02

我可以存储突出显示的文本。当页面加载回来时，我如何突出显示文本？

这是示例代码：

$(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);
  }
});

我不确定您要用上面的代码做什么，但我建议（因为您已经将高亮显示的文本存储在某种数据库中）只需选择div的innerHTML，并执行类似.replace('the text I want to highlight','<span class="highlighted">the text I want to highlight</span>')的操作，然后用CSS对.h高亮显示的类进行样式设置。

相关文章：