任何好的 javascript 范围荧光笔答案

【问题标题】：Any good javascript range highlighter任何好的 javascript 范围荧光笔
【发布时间】：2019-06-20 01:32:15
【问题描述】：

我一直在努力寻找范围荧光笔。如果用户选择了一个特定的文本，它应该被突出显示，并且如果用户选择一个文本范围并单击删除突出显示它应该只从该选择中删除突出显示。请帮帮我，我坚持了很长时间。谢谢。

【问题讨论】：

您的问题不清楚，是否要添加一个按钮，以便在您单击按钮时您的选择（突出显示的文本）变为未选中状态？

【解决方案1】：

您并不完全需要插件来执行此操作，相反，您可以获取所选/突出显示文本所在的元素，然后将其内容存储在变量中。然后您可以将元素.innerHTML 设置回存储的值。在下面的示例中，我将其应用于整个正文，因此它删除了在整个网页上所做的任何选择。

请参阅下面的工作示例：

const btn = _ => {
  const elem = document.querySelector('body');
  const txt = elem.innerHTML;
  elem.textContent = '';
  elem.innerHTML = txt;
}

<body>
  <p id="txt">This is some text. This is some more text, this is even mooooore text, this is even mooooore text, this is even mooooore text, this is even mooooore text, this is even mooooore text! this is even mooooore text! this is even mooooore text!</p>
  <button onclick="btn()">Deselect</button>

</body>

【讨论】：