手机
当前位置:查字典教程网 >编程开发 >网页编辑器 >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 网页编辑框及拖拽图片的问题】相关文章:

FCK 编辑器焦点问题

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

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

针对PHP环境下Fckeditor编辑器上传图片配置详细教程

为ckeditor编辑器加上传图片的功能

UEditor编辑文章出现多余空行问题的解决办法

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

PHP网页 Ewebeditor 编辑器嵌入方法

fckeditor编辑器在php中的配置方法

FCKeditor 编辑器插入代码功能实现步骤

精品推荐
分类导航