如何在 contenteditable div 中的特定位置添加/插入/更新文本？

Question

HTML 代码如下所示

<div id="txtarea" contenteditable="true">Some text</div>

我必须根据上述 div 中特定位置的某个事件插入一些新文本。该事件调用函数 say updateDiv(txt, positon)。例如它说
updateDiv("more ",5);

所以div应该变成

<div id="txtarea" contenteditable="true">Some more text</div>

我尝试了很多 javascript 和 jquery，但似乎没有任何效果。

Answer 1

我是这样做的：

\n\n

var position = 5,\n    txt = "more ";\nvar current = $("#txtarea").html();\n//alert(current.substring(0, position))\nvar endVal = current.substring(position);\nvar newValue = current.substring(0, position) + txt + endVal;\n$("#txtarea").html(newValue);\xe2\x80\x8b\n

\n\n

jsfiddle显示它“正在运行”。

\n\n

编辑：使用上面评论中列出的方法更新了jsfiddle到这篇文章。相当光滑！

\n