在Javascript contenteditable div中插入文本

前端之家收集整理的这篇文章主要介绍了在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是集中的,我相信.

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

猜你在找的JavaScript相关文章