突出显示浏览器（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>');
    }); 
}

其中更多内容可以在这里找到