如何在contenteditable元素中用html替换所选文本
How to replace selected text with html in a contenteditable element?
使用contenteditable元素,如何用自己的html替换所选内容?
请参阅此处了解如何使用jsFiddle:http://jsfiddle.net/dKaJ3/2/
function getSelectionHtml() {
var html = "";
if (typeof window.getSelection != "undefined") {
var sel = window.getSelection();
if (sel.rangeCount) {
var container = document.createElement("div");
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
container.appendChild(sel.getRangeAt(i).cloneContents());
}
html = container.innerHTML;
}
} else if (typeof document.selection != "undefined") {
if (document.selection.type == "Text") {
html = document.selection.createRange().htmlText;
}
}
alert(html);
}
来自Tim Down的代码:从用户选择的文本返回HTML
要获得所选的HTML,可以使用我为这个问题编写的函数。要用您自己的HTML替换所选内容,您可以使用此功能。以下是replacer函数的一个版本,它插入HTML字符串而不是DOM节点:
function replaceSelectionWithHtml(html) {
var range;
if (window.getSelection && window.getSelection().getRangeAt) {
range = window.getSelection().getRangeAt(0);
range.deleteContents();
var div = document.createElement("div");
div.innerHTML = html;
var frag = document.createDocumentFragment(), child;
while ( (child = div.firstChild) ) {
frag.appendChild(child);
}
range.insertNode(frag);
} else if (document.selection && document.selection.createRange) {
range = document.selection.createRange();
range.pasteHTML(html);
}
}
replaceSelectionWithHtml("<b>REPLACEMENT HTML</b>");
相关文章:
- 用DRY方式Javascript/JQuery动态替换HTML
- 替换HTML元素中的字符
- jQuery,Ajax:无法替换HTML
- 替换 html 字符串中的某些“<”和“>”
- jQuery在用新文本替换HTML文本时淡出HTML文本,而不是仅显示
- 如何用JavaScript替换HTML字符串
- Javascript Regex替换HTML标记
- 使用 jQuery 替换 HTML
- 如何用jQuery替换HTML标签的一部分
- 如何在javascript中替换HTML特殊字符
- 试图通过克隆节点来替换 HTML,但得到奇怪的结果
- 如何在jquery中用转义符替换html内容
- 如何使用JavaScript替换html元素
- 测试并替换HTML中的关键字
- 用循环中的数组内容替换html中的字符串
- 用Perl替换HTML文件的JavaScript代码
- 基于查询字符串替换HTML
- 如果满足条件,请防止用PJAX替换html内容
- 用链接 JavaScript 替换 HTML 的问题
- 在 JS 中替换 html 中的代码字符串