Question

我有这部法律取代某些案文:(在选定案文之前和之后加上“1”和“2”):

var content=$("#text").html();
if (window.getSelection) {
 // not IE case
 var selObj = window.getSelection(); 
 var selRange = selObj.getRangeAt(0);

 content2 = content.substring(0,selRange.startOffset) + "1" + content.substring(selRange.startOffset,selRange.endOffset) + "2" + content.substring(selRange.endOffset,content.length);
 $("#content").html(content2);
 selRange.removeAllRanges();
} else if (document.selection && document.selection.createRange && document.selection.type != "None") {
 // IE case
 range = document.selection.createRange();
 var selectedText = range.text; 
 var newText =  1  + selectedText +  2 ; 
 document.selection.createRange().text = newText; 
}

和超文本:

<div id="text">aaa as asd das d</div>

这与“纯”文本良好,但如果我的超文本看着这种(原案文)一样。

<div id="text">aaa as <b>asd</b> das d</div>

它在火fox中被击落,因为塞尔日。开始标标标题

另一问题...... 在独立实体中,该校正用黑体字和“热”文本进行罚款,但由于IEm不使用jquery html()功能,案文只能用超文本取代。因此,如果我想要使用“并”、“b>”;和“</b>”而不是“1”和“2”,则案文不会像在火法中那样大胆。

能否确定这两个问题?

Answer 1

<代码>startOffset和endOffset在目前的节点中被抵消,以备您需要range.start Container和。



EDIT:如果<条码> 启动/条码>和<条码> 晚限/条码> 相同水平(DOM树结构得到保存),则运行良好。

EDIT2:现在,它使每一个选定的案文都大胆。

我也转播了IE部分,现在它以超文本运作,因此是好的。

http://jsfiddle.net/FYJtN/11/


if (window.getSelection) {
    // not IE case
    var selObj = window.getSelection();
    var selRange = selObj.getRangeAt(0);

    var newElement = document.createElement("b");
    var documentFragment = selRange.extractContents();
    newElement.appendChild(documentFragment);
    selRange.insertNode(newElement);

    selObj.removeAllRanges();
} else if (document.selection && document.selection.createRange && document.selection.type != "None") {
    // IE case
    var range = document.selection.createRange();
    var selectedText = range.htmlText;
    var newText =  <b>  + selectedText +  </b> ;
    document.selection.createRange().pasteHTML(newText);
}

友情链接