<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>#edit{height:500px;width:500px;border:1px solid red;}</style>
</head>
<body>
<div id="test" contenteditable style="border: 1px solid red;height:400px"></div>
<button id="sendEmoji">添加</button>
<script>
var sendEmoji = document.getElementById('sendEmoji')
document.getElementById('sendEmoji').onclick = function() {
let html="<span>11111111</span>"
document.getElementById('test').focus();
var sel, range;
if (window.getSelection) {
// IE9 and non-IE
sel = window.getSelection();
if (sel.getRangeAt && sel.rangeCount) {
range = sel.getRangeAt(0);
range.deleteContents();
// Range.createContextualFragment() would be useful here but is
// non-standard and not supported in all browsers (IE9, for one)
var el = document.createElement("div");
el.innerHTML = html;
var frag = document.createDocumentFragment(),
node, lastNode;
while ((node = el.firstChild)) {
lastNode = frag.appendChild(node);
}
range.insertNode(frag);
// Preserve the selection
if (lastNode) {
range = range.cloneRange();
range.setStartAfter(lastNode);
range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
}
}
} else if (document.selection && document.selection.type != "Control") {
// IE < 9 document.selection.createRange().pasteHTML(html); }
}
}
</script>
</body>
</html>
可編輯div_2021-04-06
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門槽驶，熙熙樓的掌柜王于貴愁眉苦臉地迎上來责嚷，“玉大人，你說我怎么就攤上這事掂铐≡俨悖” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵堡纬，是天一觀的道長聂受。 經(jīng)常有香客問我，道長烤镐，這世上最難降的妖魔是什么蛋济？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮炮叶，結果婚禮上碗旅，老公的妹妹穿的比我還像新娘。我一直安慰自己镜悉，他們只是感情好祟辟，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著侣肄，像睡著了一般旧困。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼痊臭，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了登夫？” 一聲冷哼從身側響起广匙，我...
- 正文 年R本政府宣布骤视，位于F島的核電站，受9級特大地震影響鹃觉，放射性物質發(fā)生泄漏专酗。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一盗扇、第九天 我趴在偏房一處隱蔽的房頂上張望祷肯。 院中可真熱鬧，春花似錦疗隶、人聲如沸佑笋。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽蒋纬。三九已至，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間颠锉，已是汗流浹背法牲。 一陣腳步聲響...
