首頁(yè) 猿問(wèn) 在內(nèi)容可編輯的div中插入html

在內(nèi)容可編輯的div中插入html

JavaScript JQuery

繁星coding 2019-06-28 16:54:03

在內(nèi)容可編輯的div中插入html我有一個(gè)div，它有一個(gè)內(nèi)容可編輯的集合，當(dāng)按下Enter鍵時(shí)，我使用jQuery來(lái)捕獲keypress，以調(diào)用預(yù)防性Default()。類(lèi)似于這個(gè)問(wèn)題它在光標(biāo)處插入文本，我想直接插入html，為了簡(jiǎn)潔起見(jiàn)，我們會(huì)說(shuō)它是br標(biāo)記。使用上述問(wèn)題的答案實(shí)際上在IE中有效，因?yàn)樗褂胷ange.pasteHTML方法，但在其他瀏覽器中，br標(biāo)記將顯示為純文本而不是html。如何修改答案以插入html而不是文本？

查看完整描述

3 回答

慕神8447489

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個(gè)贊

var doc = document.getElementById("your_iframe").contentWindow.document;// IE <= 10if (document.selection){
    var range = doc.selection.createRange();
        range.pasteHTML("<b>Some bold text</b>");// IE 11 && Firefox, Opera .....}else if(document.getSelection){
    var range = doc.getSelection().getRangeAt(0);
    var nnode = doc.createElement("b");
    range.surroundContents(nnode);
    nnode.innerHTML = "Some bold text";};

反對(duì) 回復(fù) 2019-06-28

HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

var r = getSelection().getRangeAt(0);r.insertNode(r.createContextualFragment('<b>Hello</b>'));//select this rangegetSelection().removeAllRanges();getSelection().addRange(r);//collapse to end/start getSelection().collapseToEnd()

反對(duì) 回復(fù) 2019-06-28