内容可编辑，在文本末尾设置插入符号(跨浏览器)

Question

内容可编辑，在文本末尾设置插入符号(跨浏览器)

输出铬:

<div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;">
    hey    <div>what's up?</div><div><button id="insert_caret"></button>

我相信法夫它看起来会是这样的：

hey<br />what's up?

和在伊:

hey<p>what's up?</p>

不幸的是，没有很好的方法使每个浏览器都插入一个<br />而不是一个div或者p标签，或者至少我在网上找不到任何东西。

---

不管怎样，我现在想做的是，当我击中扣子，我希望将插入符号设置在文本的末尾，因此应该如下所示：

hey
what's up?|

任何方法都可以做到这一点全浏览器?

例子：

$(document).ready(function(){
    $('#insert_caret').click(function()
    {
        var ele = $('#content');
        var length = ele.html().length;

        ele.focus();

        //set caret -> end pos
     }
 }