在文本區域保存並調出用戶突出顯示的選擇

Question

我正在使用HTML，php，mySQL和jquery作爲工具。我目前在我的網站上有一個區域，用戶在與客戶的交互中留下筆記。他們可以在筆記中添加標籤，以便他們可以記錄筆記涵蓋的主題（標籤）。我的目標是更進一步。我希望能夠記錄該筆記涵蓋的具體文本內容。我希望客戶端能夠選擇文本區域內的文本以保存爲指向特定標籤。我希望能夠回憶他們提交的所有文字，並將其標記爲與標籤相關。這與我目前對整個提交的標籤有所不同。

例如，我可以通過他們的筆記搜索標記CONCERNS，而不是提出已經用標籤CONCERNS標記的所有筆記，我們目前做的是，我想在筆記中提出具體文本突出顯示/選擇爲與CONCERNS相關或至少突出顯示該特定文本的註釋。

我在想，我將不得不以某種方式保存文本中哪些字符的信息突出顯示開始以及突出顯示結束的字符。通過這種方式，用戶在查看自己的筆記和標籤時可以調用並突出顯示選擇內容。

我已經搜索了工具/插件來幫助我完成這個任務幾個月沒有運氣。任何人都可以提供任何幫助/建議？

Answer 1

如果所選文本包含在INPUT或​​3210元素中，我使用jQuery-caret來檢索所選文本。
用法：

var input = $("#selector"); 
var range = input.caret(); 
var text = null; 
// Get selected text 
text = input.val().substr(range.start, range.end - 1);