手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >javascript 网页编辑框及拖拽图片的问题
javascript 网页编辑框及拖拽图片的问题
摘要:复制代码代码如下: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

【javascript 网页编辑框及拖拽图片的问题】相关文章:

javascript 在线文本编辑器实现代码

FckEditor 上传图片后图片变小了!问题解决

javascript 获取FCKeditor内容

ueditor编辑器不能上传图片问题的解决方法

FCKEditor网页编辑器 几点使用心得

kindSoft在线网页编辑器简单的配置参数介绍

网页编辑器FCKeditor 2.6.4精简配置方法

php下FCKeditor2.6.5网页编辑器的使用方法

UEditor编辑器自定义上传图片或文件路径的修改方法

javascript开发随笔3 开发iframe富文本编辑器的一点体会

精品推荐
分类导航