我可以存储突出显示的文本。当页面加载回来时,我如何突出显示文本?
这是示例代码:
$(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高亮显示的类进行样式设置。