在Javascript contenteditable div中插入文本

我有一个问题,我需要插入一个文本(字符串,可能或可能没有html标签)到一个div.它必须是一个div而不是textarea.

有没有这样做?首先,我需要获取光标位置,然后将文本插入该位置.

它类似于函数insertAdjacentText,但它只能在标记之前或之后插入,并且仅在IE中有效.

请参考这个URL:http://yart.com.au/test/iframe.aspx.请注意如何将光标放在div中,我们需要在光标位置添加文本.

解决方法

如果所有您需要做的是在当前选择/插入点插入HTML,那是可行的.离开我的头顶(让你开始):

在IE中,使用document.selection.createRange().pasteHTML(theNewHTML).

在其他浏览器中,您应该可以使用document.execCommand(“InsertHTML”,…).

我已经使用这些技术,只能在可编辑的iframe /文件,而不是div,但是这些调用应该工作,如果div是集中的,我相信.

另一个答案警告说,如果你想要更细微的控制,比如在其他地方插入文本,它会变得丑陋.

相关文章

kindeditor4.x代码高亮功能默认使用的是prettify插件,prett...
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小