在textarea中查找并选择文本

Question

我需要在电子应用中找到并选择textarea中的文字。我找到了一个非常好的solution。

但是搜索内容时不会滚动。我试图解决这样的问题：

document.getElementById('editor').setSelectionRange(cursorPos,cursorPos);

但它不能像我们希望的那样工作：

如何解决这个问题？

Answer 1

您无法有选择地向文本区域内的文本添加样式。更好的解决方案是提供一个带contentEditable="true"的div，以模仿textarea。然后，您可以将找到的文本包装在<span>中，并使用特殊类（如“突出显示”或“找到”）进行样式设置。