<iframe frameborder="0" allowtransparency="true" id="editIframe" width="500" height="300"></iframe>
<input value="获取内容" onclick="getContent();" type="button"/>
<script type="text/javascript">
var frame = document.getElementById('editIframe').contentWindow;
frame.document.designMode = 'On';
// frame.document.contentEditable = true;
frame.document.open();
frame.document.writeln('<html><head>');
frame.document.writeln('<style>body {background:#fff;font-size:12px;margin: 2px; padding: 0px;color:#000;}</style>');
frame.document.writeln('</head><body></body></html>');
frame.document.close();
function getContent(){
alert(frame.document.body.innerHTML);
}
</script>
mark下
http://ckeditor.com
http://www.kindsoft.net/index.php
分享到:
相关推荐
百度ueditor是一个很好的编辑器,但是由于安全机制,不允许带iframe的内容提交(会自动过滤)。经过小编的多处的修改代码后,现在这个编辑器也支持使用iframe了!有需要的朋友可以下载来用!方便,有效!
1,要下载文本编辑器。请点击新浪文本编辑器下载, 2,解压后,把文件夹中Edit文件夹夹复制到网站的根目录下, 3,在界面上引用编辑器 <iframe ID="eWebEditor1" src="Edit/editor....
之前做过高度自适应,但是始终效果不理想,后来看到一个比较好的办法,实现了之后,特保留一份模板,方便以后类似应用,测试过firefox,chrome,ie8,safari
手撸简单版前端富文本编辑器。基本原理:由于富文本内容不想收到所在页面或者前端框架的影响,或者说写一个完全单独的纯编辑器,采用原生iframe+js+jquery实现。
用在线编辑器或许都会存在一个问题,即内容发表后呈现的样式会与编辑时的不一样,原因是编辑器其实是个内嵌的iframe,它里面用的大多是浏览器默认的样式(ckeditor 在其中另外定义了字体以及ul, ol 的缩进值),而...
兼容火狐和IE插入图片的js代码,IE9不兼容showModalDialog的处理方法。
ASP常用的后台编辑器,带图片上传功能 调用方法如下例子: <textarea name="nr" ROWS="20" COLS="70">%=Server.HTMLEncode(rs("nr"))%></textarea> <iframe ID="eWebEditor1" src="../eWebEditor/...
主要介绍了JS实现iframe编辑器光标位置插入内容的方法,可实现文本与图片的插入功能,并兼容IE和Firefox浏览器,需要的朋友可以参考下
修改过的编辑器的,比较好用,editor/upload.asp 里可以修改上传路径。 <textarea name="sContent" id="sContent" style="display:none"></textarea> <iframe src="/sEdit/editor....
实时代码编辑器 我构建了一个实时代码编辑器。 我学习了如何使用iframe广告代码。 我还学习了如何使用JavaScript事件监听器onkeyup编写HTML,CSS和JavaScript的值并编译结果。
iframe ID="eWebEditor1" src="/ewebeditor.htm?id=content1& frameborder="0" sc rolling="no" width="500" HEIGHT="350"></iframe> 或者 <textarea name="content1" <iframe ID="eWebEditor1" src="/...
这是一个解决fixed在iframe中失效的解决案例,只要把文件放到编辑器中打开即可看到效果
Umeditor,简称UM,是百度编辑器Ueditor的Mini版本。是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变。全版本的代码量为125k,而且放弃了使用...
百度编辑器UEditor开发版 v1.1.7更新说明去掉了iframe.css 改为在editor_config.js中配置,避免css文件找不到的问题给下拉菜单添加了默认的文字说明Ueditor.css去掉了对外部页面css的影响修正了ie9下,编辑器的...
javascript简单编辑器;包括两种1.textarea实现所见非所得编辑器 2.iframe实现所见即所得编辑器
把所有的图片文件做成了一个图片,可以大幅度提升加载速度,然后摒弃了前二者冗余的功能,仅保留了使用频率最高的功能,最后继承了eWebEditor的Iframe调用方式,不过比eWebEditor强悍的是,该编辑器可以在调用页直接...
前段时间有个需求是开发富文本编辑器,这个之前随做过,但看了需求,发现有些地方还需google
网易编辑器用法演示 ; charset=gb2312" /> 网易编辑器用法演示 body{font-size:12px;color:#333333;} <form name="form1" method="post" action=""> ...
调用: <input type="hidden" name="content" id="content"> ...注意:id为调用参数(小写),即隐藏的内容表单项id, ReadCookie设置是否读取上次未提交的数据,1为开启,0为关闭(注意大小写)。