当前位置: 首页 > 图文教程 > 网络编程 > 网页编辑器 > javascript 网页编辑框及拖拽图片的问题

网页编辑器
让 FCKeditor 支持多用户Web环境(以PHP为例)
Ewebeditor 文件上传问题
PHP网页 Ewebeditor 编辑器嵌入方法
FckEditor 上传图片后图片变小了!问题解决
fckeditor asp版本的文件重命名
FckEditor 中文配置手册
FCKEditor网页编辑器 几点使用心得
FCK 编辑器焦点问题
添加FCKeditor插件需要注意的地方
javascript 获取FCKeditor内容
eWebEditor 上传文件提示格式不正确的解决方法
xhEditor的异步载入实现代码
FCKeditor 编辑器插入代码功能实现步骤
配置fckeditor 实现图片的上传
FCKeditor提供了一个完整的JavaScript API
fckediter javascript事件函数代码
ASP FCKeditor在线编辑器使用方法
ASP下使用FCKeditor在线编辑器的方法
ASP.NET中FCKEDITOR在线编辑器的用法
php下FCKeditor2.6.5网页编辑器的使用方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 184 ::
收藏到网摘: n/a

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