有了contenteditable元素我怎样才能用我自己的html替换选定的内容?如何用contenteditable元素中的html替换选定的文本?
回答
看到这里的工作的jsfiddle:从Tim Down采取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);
}
这看起来很熟悉... http://stackoverflow.com/questions/4652734/return-html-from-a-user-selection/4652824#4652824 – 2011-06-06 13:37:49
重新使用来自另一个答案的代码很好,但它会很有礼貌地提及你从哪里得到的。 – 2011-06-06 14:35:10
@Tim Down:对不起。我知道属性代码。我总是首先在文本编辑器中设置我的答案,并且最终链接到您的问题,我想我在粘贴之前并没有复制所有内容(您不必接受我的说法)。这确实是一个诚实的错误,我会更新我的答案。 – 2011-06-06 15:12:05
获取所选的HTML,你可以使用我写了this question功能。要用您自己的HTML替换选择,您可以使用this function。下面是插入一个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>");
- 1. 替换contenteditable div中的选定文本
- 2. 用纯jQuery替换contenteditable中的文本
- 3. 用HTML元素替换文本
- 4. 如何用jQuery替换文本元素中的文本
- 5. 用html元素替换html的占位符文本使用javascript
- 6. 立即替换contenteditable文本
- 7. javascript:从contenteditable替换选定的文本按钮点击
- 8. HTML :: Element - >用新的HTML替换文本节点::元素
- 9. 如何替换html textarea中当前选定的文本?
- 10. 查找并与特定的文本替换HTML元素
- 11. 如何用新文本替换仅SWT中的选定文本
- 12. 替换div元素中的文本
- 13. 替换html元素的jquery
- 14. 如何从jquery中替换svg中的文本元素的值
- 15. 如何替换HTML文档或特定元素中的特定字符串?
- 16. 禁用HTML元素的文本选择
- 17. Contenteditable div设置插入符号替换文本后用HTML
- 18. 如何用JavaScript元素替换HTML元素或克隆它?
- 19. 听一个CONTENTEDITABLE HTML元素
- 20. 如何用python替换字符串中的html元素?
- 21. 如何用新值替换文本流中的跨度元素文本
- 22. 如何替换XML元素中的文本?
- 23. 替换span元素的文本
- 24. jQuery替换元素的文本
- 25. 如何迭代HTML文件中的特定元素并替换它们?
- 26. JQuery用文本替换表单元素
- 27. jQuery用文本框替换元素
- 28. 替换Firefox中的选定文本
- 29. 如何用jQuery设置select html元素的选定元素?
- 30. 如何通过脚本替换InDesign中的选定文本?
这个问题的第二部分(“换成我自己的HTML所选文本”)中,他的问题链接为未回答这是一个重复的参考。 – 2014-07-15 23:49:42
我删除了已回答的部分,以符合“每个问题的一个问题”规则。 – FakeRainBrigand 2014-07-16 00:16:20