javascript 网页编辑框及拖拽图片的问题

复制代码 代码如下:

  function keyPress(ev){

  if(ev.keyCode==13){

  //在光标所在处创建一个区域.

  var range=document.selection.createRange();

  //将区域的内容设置成为换行符.

  range.text="\n";

  //将区域的起始点向右移动一个字符的长度.

  range.moveStart("character", 1);

  //将光标移动到区域的结尾.(若为false则是移动到起始位置).

  range.collapse(true);

  //由于上面的一系列操作,使得区域的位置处在了\n之后,所以再次选择时,光标就到了新一行的结尾.完成换行.

  range.select();

  //使事件失效

  return false;

  }

  return true;

  }

  // 初始化可编辑的iframe

  content.document.designMode="on";

  content.document.onkeypress=function(){return keyPress(content.event);};

  

复制代码 代码如下:

  <div id="iframeWrapper">

  <iframe id="content" name="content" style="width:400;height:400;font-size:12px;border: solid 1px #ccc;" frameborder=0></iframe>

  </div>

  获取代编辑框中内容的代码

  

复制代码 代码如下:

  window.frames["content"].document.body.innerHTML