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

 更新时间:2009年12月31日 21:34:32   作者:  
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

相关文章

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

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

    前段时间有个需求是开发富文本编辑器,这个之前随做过,但看了需求,发现有些地方还需google
    2011-11-11
  • FCKeditor 网页在线编辑器的使用方法

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

    FCKeditor是一个功能强大支持所见即所得功能的文本编辑器,可以为用户提供微软office软件一样的在线文档编辑服务。
    2010-03-03
  • FCK判断内容是否为空(如果只是去空格,那么这种方式是错误的)

    FCK判断内容是否为空(如果只是去空格,那么这种方式是错误的)

    一般来说,像input里面的值都可以通过将内容去空格判断是否为空,但是FCK没那么简单,因为当你多打几个空格或者多打一些回车,它会自动地生成一些<p>标签,如果再用原先去空格判断的方法,显然是不可取的。
    2010-12-12
  • FCK 编辑器焦点问题

    FCK 编辑器焦点问题

    在使用FCK编辑器的时候,我们经常会进行对FCK编辑器的赋值操作,赋值的操作有两个关键的地方,如果不清楚的话出了错还百思不得其解.
    2009-11-11
  • asp.net 为FCKeditor开发代码高亮插件实现代码

    asp.net 为FCKeditor开发代码高亮插件实现代码

    昨天已经将BlogEngine的可视化编辑器换成了FCKeditor,作为一个程序员,在博客中插入代码是很重要的一块。网上现有的都是修改FCKeditor的fckeditorcode_gecko.js和fckeditorcode_ie.js以达到InsertCode的目的。这个方法非常麻烦,当要使用FCKeditor新版本时都要重新修改这两个文件,非常影响我们的效率。
    2008-08-08
  • FCKeditor 2.6.6在ASP中的安装及配置方法分享

    FCKeditor 2.6.6在ASP中的安装及配置方法分享

    FCKeditor目前的最新版本是2.6.6,在网上搜索此版本的配置方法,发现很少有asp的配置方法,以下就把自己的一些配置经验分享给有需要的你。
    2012-03-03
  • 百度UEditor编辑器使用教程与使用方法(图文)

    百度UEditor编辑器使用教程与使用方法(图文)

    今天笔者就给大家推荐一款百度UEditor编辑器。关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程与使用方法,希望对大家有所帮助
    2016-11-11
  • FCKeditor ASP.NET 上传附件研究

    FCKeditor ASP.NET 上传附件研究

    FCKeditor很好用,而且是开源软件。最近研究了一下自带的上传功能,对源代码作了一点修改,也算是依照开源软件的要求,介绍一下。
    2009-06-06
  • 彻底解决ewebeditor网站后台不能上传图片的方法

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

    随着windows操作系统和IE浏览器版本的不断推出,很多客户都渐渐放弃了IE6,IE7,使用上了IE8浏览器,但是突然发现自己网站后台里面的eWebEditor文本编辑器的插入图片等等按钮失效了,鼠标点击后什么反应都没有,IE浏览器左下角显示一个黄色的感叹号提示错误,就以为是网站空间、服务器中毒了呢,一时间纷纷都来找我们询问
    2012-03-03
  • 为SyntaxHighlighter添加新语言的方法

    为SyntaxHighlighter添加新语言的方法

    因为经常要在博客里贴一些Lua代码,但是所使用的SyntaxHighlighter插件默认不支持Lua语言,所以去研究了一下如何为SyntaxHighlighter添加并激活一个新的语言,这里将过程和有同样需求的童鞋分享
    2013-10-10

最新评论