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

更多内容可以在here

中找到