javascript - 在浏览器 (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>');
    }); 
}

更多内容可以在这里找到