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

FCKeditor 网页在线编辑器的使用方法

FCKEditor v2.6 编辑器配置图解教程

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

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

FCKeditor编辑器添加图片上传功能及图片路径问题解决方法

19款Javascript富文本网页编辑器

彻底解决ewebeditor网站后台不能上传图片的方法

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

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

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

精品推荐
分类导航