突出顯示瀏覽器（Chrome）中的文本功能，看起來像在android中突出顯示

Question

我想實現功能（用於chrome擴展），允許用戶使用鼠標從瀏覽器的網頁中選擇一些文本，我想添加能力，用戶可以通過小控件編輯選擇邊界 （就像可以在Android應用程序中完成）在可以用鼠標移動的選定行下方：

可能有現有的庫在瀏覽器中以簡單的方式實現類似的行為嗎？

Answer 1

我認為這可能會有所幫助..

var divs = document.getElementsByTagName("p");

for(var d in divs) {
  // highlight a part of a <p> tag
    divs[d].addEventListener('mouseup',function(){var str= document.getSelection()    ;alert(str);          
    this.innerHTML =this.innerHTML.replace(str,'<span style="background-color: '+'yellow'+' ">'+str+'</span>');
    }); 
}

其中更多內容可以在這里找到