如何突出顯示選定的文本並存儲在數據庫中，以及何時頁面重新加載高亮顯示選定的文本？

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類。