記住html頁面中突出顯示的文本（添加註釋到html頁面）

Question

我有一個HTML文件，我打開它與webkit，我想開發一個應用程序，打開它後，我應該能夠選擇一些文本並使其突出顯示（例如通過按下'突出顯示文本'按鈕）。它應該記住突出顯示的文本，以便當我下次打開時它應該自動突出顯示相同的文本...我需要存儲哪些信息，以便我可以在下次突出顯示相同內容？任何圖書館都可以使我的工作變得簡單？

Answer 1

如果你想要的東西是跨瀏覽器導航執着，你可以將信息存儲在一個隱藏的輸入字段：

<input type="hidden" id="persistentValue" /> 

然後使用一些jQuery代碼進行檢查，並採取行動：

$(document).ready(function() { 
    var persistentValue = $("#persistentValue").val(); 
    if (persistentValue && persistentValue != "") { 
     //Highlight the text again 
    } 
}); 

並存儲文本高亮顯示（一旦你已經確定了它），使用：

$("#persistentValue").val("your value here"); 

這樣，如果您從頁面導航離開並返回，則會恢復INPUT值，並且您的文本會再次突出顯示。

Answer 2

如果您想要在用戶關閉瀏覽器後「記住」某些文本\突出顯示並稍後再回來，則應該使用cookie（存儲所有必要的值）。一些示例：http://www.quirksmode.org/js/cookies.html

Answer 3

關於文本選擇，您可以使用此問題的答案：Use javascript to extend a DOM Range to cover partially selected nodes。您必須找出一種方法來序列化/反序列化Range信息，可能是將所選文本存儲在cookie中，然後在頁面重新加載時，通過在文檔中查找並手動重新創建Range。