javascript - 如何使用 getSelectedText() 中的文本选择执行 wrap()？

Question

我想围绕所选文本扭曲一个 div，但我不知道如何以最简单的方式做到这一点？

我通过以下方式捕获选定的文本，

myselection = window.getSelection();

例如我们有 "123456789" 我选择了 "456"我想在最后，

"123<div>456</div>789"

我知道 wrap() 应该是可能的，但通常我每次都将它与选择器一起使用，作为一种类或 id。如何对选择对象使用 wrap() 函数？

感谢您的帮助!

Answer 1

首先，你可以尝试这样的事情

let selectedString = window.getSelection().toString()
let selectedNode = $(window.getSelection().anchorNode).parent()
let fullText = selectedNode.get(0).innerHTML
let finalText = fullText.replace(selectedString, "<span style='background:red'>" + selectedString + "</span>")
selectedNode.get(0).innerHTML = finalText