可编辑DIV问题,急！！！！

Question

 急啊！
  如果在可编辑的div中光标位置插入html元素啊？

Answer 1

没太明白你的意思···<div id="div1">
   <input type='button' style='display:none;' id='button1' >
</div>
-------document.getElementById('button1' ).focus();

Answer 2

  <div style="width:100px;height:100px;" contenteditable="true">
     这是一个可编辑div,我想在光标处插入新元素
      
     js怎么实现这个功能哦</div>

Answer 3

就好像csdn的留言板一样，在光标处插入元素

Answer 4

csdn 可不是 div的可编辑哦，人家是UBB的。div 编辑时，你手动添加html 代码肯定不行的了。 你还需要做的事情就是能让你的DIV 和 textarea 切换。 只有在textarea 中才能输入真正的文本。

Answer 5

 能说详细点吗，还要就要需要所见即所得的哦，如果div内容与textarea文本之间切换，能做到所见即所得吗？

Answer 6

仿佛是明白一点你的意思了，你的意思应该是类似于应用的web页，用户可以自定义或者写东西来改变自己的div中的东西？<div id="div1" >div1=document.getElementById('div1');
var width=div1.offSetWidth;
var height=div.offSetHeight;
div1.innerHTML='<textarea id='txtMy' width='"+width+"px' height='"+height+"px' onblur='save();' >';txtMy=document.getElementById('txtMy');
txtMy.focus();function save()
{
  var memberId=cookie.Read("curMember");//获取当前用户的 Id
  var divId=1; //给当前的内容赋予一个Id
  //下面用ajax保存数据：
  ajaxSave('xxx.aspx?membrId='+memberId+'&divId='+divId,div1); //保存数据到数据库，并且将保存的内容返回到div1中。
}window.onload=save;

Answer 7

document.selection.createRange().text这个能获取到所选择的文字。