Jquery 在突出显示/选定的文本周围插入span而不选择。extractContents()?
我想在可编辑的Jquery 在突出显示/选定的文本周围插入span而不选择。extractContents()?,jquery,Jquery,我想在可编辑的内容中的选择文本周围插入span标记。以下是我目前拥有的: $(document).on('mousedown', '.button', function() { e.preventDefault(); var selection= window.getSelection().getRangeAt(0); var selectedText = selection.extractContents(); var span= document.create
内容中的选择文本周围插入span
标记。以下是我目前拥有的:
$(document).on('mousedown', '.button', function() {
e.preventDefault();
var selection= window.getSelection().getRangeAt(0);
var selectedText = selection.extractContents();
var span= document.createElement("span");
span.style.backgroundColor = "yellow";
span.appendChild(selectedText);
selection.insertNode(span);
});
它完成了这项工作,但使用selection.extractContents()
的问题在于它会删除选择(e.preventDefault()
允许在单击按钮时保持选中的文本)
有没有一种方法不使用selection.extractContents()
就可以实现这一点