Javascript 浏览器中的突出显示文本功能（Chrome），类似于android中的突出显示

我想实现一个功能（用于chrome扩展），它允许用户用鼠标从浏览器中的网页中选择一些文本，我想为用户添加编辑选择边界的能力（就像在android应用程序中可以做到的那样），在所选行下方使用小控件，可以用鼠标移动：

---

是否有现有的库可以轻松地在浏览器中实现类似的行为？

我认为这可能会有所帮助

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>');
    }); 
}

var divs=document.getElementsByTagName（“p”）；
用于（divs中的变量d）{
//突出显示标记的一部分
divs[d].addEventListener（'mouseup'，function（）{var str=document.getSelection（）；alert（str）；
this.innerHTML=this.innerHTML.replace（str，“+str+”）；
}); 
}

更多的信息可以在