在Edittable span中获取光标位置

Question

我有可编辑的范围我想在按钮点击上添加光标位置上的文字。 此跨度具有多行值和html标记。

[Link](http://jsfiddle.net/8txz9sjs/)

Answer 1

使用 Range.insertNode() ：

＆＃13;

＆＃13;

$('button').click(function() {
  var range= getSelection().getRangeAt(0),
      text= document.createTextNode('NEW TEXT');
  range.insertNode(text);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='div_template' contenteditable="true">
    asdf asfd asd
 asdf 
    asdf asdf asdf asdf asdf asdf<br/>
adf asfd asdf  sdafasdf
 asdf asdf asd    
</div>
<button>Set Text</button>

＆＃13;

＆＃13;

＆＃13;