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

How do I highlight and save text in HTML using JavaScript?

本文关键字：显示 保存 文本 何使用 JavaScript HTML      更新时间：2023-09-26

我想突出显示文本并保存所选内容，以便下次查看页面时，它将以相同的文本突出显示。

我试图获得选定文本的索引，但索引仅与HTML标签相关，与所有页面文本无关。这是我的文件:

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

我不知道如何获得选定的文本属性，这可以帮助我在下次打开的HTML文件中保存我的高亮

以下是我的发现。作为参考，这里有一篇关于这个话题的好文章。

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;
    }
}
相关文章：