如何使用JavaScript在HTML中突出顯示和保存文本？

我想突出顯示文本並保存選擇，以便下一次查看頁面時，它將以突出顯示的相同文本顯示。如何使用JavaScript在HTML中突出顯示和保存文本？

我試圖獲取選定文本的索引，但索引僅與HTML標記相關，與所有頁面文本無關。這是我有：

<script> 
    function highlight() { 
     range = window.getSelection(); 
     var st = range.anchorOffset; 
     var en = range.focusOffset - range.anchorOffset; 
     alert(st); 
     alert(en); 
    } 
</script>

我不知道如何選擇的文本屬性，它可以幫助我在接下來打開保存我的亮點到HTML文件。

來源

2014-07-08 Ayman

不，我要保存高亮模式意味着要保存的背景顏色，我把它選中的文本。 – Ayman

你能提供一個HTML例子嗎？ – Iralution

這是我發現的。供參考，here is a good post about this topic。

JSFiddle

JS：

var copiedText = ""; 

$(function(){ 

    $("button").click(function(event){ 
     getSelectionText(); 
     alert(copiedText); 
    }); 
}); 

function getSelectionText() { 
    if (window.getSelection) { 
     copiedText = window.getSelection().toString(); 
    } else if (document.selection && document.selection.type != "Control") { 
     copiedText = document.selection.createRange().text; 
    } 
}

來源

2014-07-08 15:02:48 matt

我不想讓選定的文本保存我的文本highlight.that我想突出顯示選定的文本，然後當我關閉HTML文件並再次打開它時，我想再次加載突出顯示的顏色，因爲正常突出顯示只要我關閉HTML文件就會被刪除。 – Ayman

如何使用JavaScript在HTML中突出顯示和保存文本？

回答

相關問題