在文本區域中查找並選擇文本

Question

我需要在電子應用程序的文本區域中找到並選擇文本。 我找到了一個很好的解決方案 。

但是當搜索的內容不是滾動時。 我試圖解決這樣的問題：

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

但這不起作用，就像我們想要的那樣：

如何解決呢？

Answer 1

您不能選擇性地向文本區域內的文本添加樣式。 更好的解決方案是為div提供contentEditable="true"以便模仿文本區域。 然后，您可以使用特殊類（例如“ highlight”或“ found”）將找到的文本包裝在<span>以進行樣式設置。