<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
分享到:
相关推荐
这通常涉及到“所见即所得”(WYSIWYG)编辑器的实现,允许用户直观地看到他们的编辑效果。标题提到的“可编辑iframe高度自适应”问题,主要涉及如何确保`iframe`的高度能根据其内容动态调整,从而提供良好的用户...
百度ueditor是一个很好的编辑器,但是由于安全机制,不允许带iframe的内容提交(会自动过滤)。经过小编的多处的修改代码后,现在这个编辑器也支持使用iframe了!有需要的朋友可以下载来用!方便,有效!
1,要下载文本编辑器。请点击新浪文本编辑器下载, 2,解压后,把文件夹中Edit文件夹夹复制到网站的根目录下, 3,在界面上引用编辑器 <iframe ID="eWebEditor1" src="Edit/editor....
这行代码会在当前页面中嵌入一个全宽、600像素高的`iframe`,用于显示编辑器界面。 3. 如果需要自定义编辑器的行为或外观,你可能需要根据"Edit"提供的文档或者`使用说明.txt`文件来调整配置参数。例如,设置初始...
用在线编辑器或许都会存在一个问题,即内容发表后呈现的样式会与编辑时的不一样,原因是编辑器其实是个内嵌的iframe,它里面用的大多是浏览器默认的样式(ckeditor 在其中另外定义了字体以及ul, ol 的缩进值),而...
1. **JavaScript基础**:JS在线编辑器的核心是JavaScript语言,它是一种轻量级的脚本语言,广泛应用于网页动态效果和交互。JavaScript运行在客户端浏览器,通过DOM(文档对象模型)来操作HTML元素,实现与用户的实时...
手撸简单版前端富文本编辑器。基本原理:由于富文本内容不想收到所在页面或者前端框架的影响,或者说写一个完全单独的纯编辑器,采用原生iframe+js+jquery实现。
1. **选择SVG组件库**:编辑器应该提供一个丰富的SVG组件库,用户可以直接从库中选择并添加到工作区。 2. **自定义属性**:每个SVG组件都有其特定的属性,如颜色、大小、位置等,用户应能方便地调整这些属性。 3. **...
1. **textarea**:这是HTML编辑器的基础元素,用于存储用户输入的纯文本。在编辑器加载后,这个textarea会被隐藏,由其上方的富文本视图替代。 2. **iframe**:为了实现可视化的编辑区域,许多编辑器会使用iframe...
富文本编辑器的实现通常分为两种主要类型:基于iframe的编辑器和基于div的编辑器。基于iframe的编辑器会在一个独立的文档环境中创建编辑区域,这样可以避免与主页面样式冲突,但可能会有跨域问题。基于div的编辑器则...
在JavaScript中,对于基于iframe的编辑器,有时我们需要在用户光标所在的位置插入文本或者图片。本文将详细讲解如何实现这个功能,并确保其在IE和Firefox这两个主流浏览器中都能正常工作。 首先,我们需要一个简单...
兼容火狐和IE插入图片的js代码,IE9不兼容showModalDialog的处理方法。
**Ubb简单编辑器详解** **一、UBB编辑器简介** UBB(UltraBB Code)是一种基于HTML的简化标记语言,主要用于论坛、博客等在线社区,为用户提供一种简便的方式来插入特殊格式的内容,如文本样式、图片、链接等。与...
`<iframe>`元素是DHTML的一部分,可以嵌入另一个文档,此处作为编辑器的主要容器。 ```html <iframe id="x" height="200px" width="500px" SCROLLING="yes" canHaveHTML></iframe> ``` 2. **启用编辑功能**:...
这种编辑器的关键在于其提供了类似于桌面文字处理软件的界面,使得非程序员也能方便地编辑和格式化文本。 DHTML(Dynamic HTML)是HTML的一个扩展,结合了HTML、CSS、JavaScript以及DOM(Document Object Model)...
FCk编辑器基于JavaScript和HTML,利用IFrame技术实现了一个独立于主页面的编辑区域。它使用XML进行数据交换,并且遵循W3C标准,支持XHTML和HTML5。编辑器的源代码是开放的,开发者可以查看并修改其核心代码,以满足...
EXTJS中的TextArea_HTMLEditor是用于创建富文本编辑器的组件,它基于IFrame技术,提供了丰富的编辑功能,如字体样式调整、段落格式化、插入图片、链接等。这个组件允许用户以WYSIWYG(所见即所得)的方式编辑HTML...
1. **直接获取HTML内容**:使用`html()`方法直接获取编辑器内部的内容。 ```javascript var html = editor.html(); ``` 2. **同步数据并获取textarea的value**:先使用`sync()`方法同步数据,再获取`textarea`的`...