javascript 网页编辑框及拖拽图片的问题_网页编辑器教程-查字典教程网
javascript 网页编辑框及拖拽图片的问题
javascript 网页编辑框及拖拽图片的问题
发布时间:2016-12-29 来源:查字典编辑
摘要:复制代码代码如下:functionkeyPress(ev){if(ev.keyCode==13){//在光标所在处创建一个区域.varran...

复制代码 代码如下:

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" frameborder=0></iframe>

</div>

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

复制代码 代码如下:

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新网页编辑器学习
    热门网页编辑器学习
    编程开发子分类