偏移量计算html,javascript – 带HTML标签的window.getSelection()偏移量？

更新

var txt = $('#Text').html();

$('#Text').html(

txt.replace(/(?:\s)*/g, '')

);

clearSelection();

资料来源：

您可以在下面找到解决问题的方法.我按照代码效率的顺序放置它们.

工作方案

window.highlight = function() {

var selection = window.getSelection().getRangeAt(0);

var selectedText = selection.extractContents();

var span = document.createElement("span");

span.style.backgroundColor = "yellow";

span.appendChild(selectedText);

span.onclick = function (ev) {

this.parentNode.insertBefore(

document.createTextNode(this.innerHTML),

this

);

this.parentNode.removeChild(this);

}

selection.insertNode(span);

}

$(".content").on("mouseup", function () {

makeEditableAndHighlight('yellow');

});

function makeEditableAndHighlight(colour) {

sel = window.getSelection();

if (sel.rangeCount && sel.getRangeAt) {

range = sel.getRangeAt(0);

}

document.designMode = "on";

if (range) {

sel.removeAllRanges();

sel.addRange(range);

}

// Use HiliteColor since some browsers apply BackColor to the whole block

if (!document.execCommand("HiliteColor", false, colour)) {

document.execCommand("BackColor", false, colour);

}

document.designMode = "off";

}

function highlight(colour) {

var range, sel;

if (window.getSelection) {

// IE9 and non-IE

try {

if (!document.execCommand("BackColor", false, colour)) {

makeEditableAndHighlight(colour);

}

} catch (ex) {

makeEditableAndHighlight(colour)

}

} else if (document.selection && document.selection.createRange) {

// IE <= 8 case

range = document.selection.createRange();

range.execCommand("BackColor", false, colour);

}

}

其他有用的方案：