`
lmh2072005
  • 浏览: 113828 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

iframe编辑器1

阅读更多

<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

分享到:
评论

相关推荐

    可编辑iframe高度自适应(编辑器所见即所得模式)

    这通常涉及到“所见即所得”(WYSIWYG)编辑器的实现,允许用户直观地看到他们的编辑效果。标题提到的“可编辑iframe高度自适应”问题,主要涉及如何确保`iframe`的高度能根据其内容动态调整,从而提供良好的用户...

    ueditor【去除Iframe限制版】

    百度ueditor是一个很好的编辑器,但是由于安全机制,不允许带iframe的内容提交(会自动过滤)。经过小编的多处的修改代码后,现在这个编辑器也支持使用iframe了!有需要的朋友可以下载来用!方便,有效!

    新浪文本编辑器,网页编辑器

    1,要下载文本编辑器。请点击新浪文本编辑器下载, 2,解压后,把文件夹中Edit文件夹夹复制到网站的根目录下, 3,在界面上引用编辑器 &lt;iframe ID="eWebEditor1" src="Edit/editor....

    jsp在线编辑器 jsp在线编辑器

    这行代码会在当前页面中嵌入一个全宽、600像素高的`iframe`,用于显示编辑器界面。 3. 如果需要自定义编辑器的行为或外观,你可能需要根据"Edit"提供的文档或者`使用说明.txt`文件来调整配置参数。例如,设置初始...

    qq邮箱的JS在线编辑器

    1. **JavaScript基础**:JS在线编辑器的核心是JavaScript语言,它是一种轻量级的脚本语言,广泛应用于网页动态效果和交互。JavaScript运行在客户端浏览器,通过DOM(文档对象模型)来操作HTML元素,实现与用户的实时...

    解决文本编辑器展示样式不一致

    用在线编辑器或许都会存在一个问题,即内容发表后呈现的样式会与编辑时的不一样,原因是编辑器其实是个内嵌的iframe,它里面用的大多是浏览器默认的样式(ckeditor 在其中另外定义了字体以及ul, ol 的缩进值),而...

    简单js+jquery+iframe富文本编辑器

    手撸简单版前端富文本编辑器。基本原理:由于富文本内容不想收到所在页面或者前端框架的影响,或者说写一个完全单独的纯编辑器,采用原生iframe+js+jquery实现。

    基于vue3实现的svg可视化web组态编辑器。可无需修改代码动态添加svg组件.zip

    1. **选择SVG组件库**:编辑器应该提供一个丰富的SVG组件库,用户可以直接从库中选择并添加到工作区。 2. **自定义属性**:每个SVG组件都有其特定的属性,如颜色、大小、位置等,用户应能方便地调整这些属性。 3. **...

    HTML编辑器 前台源码示例

    1. **textarea**:这是HTML编辑器的基础元素,用于存储用户输入的纯文本。在编辑器加载后,这个textarea会被隐藏,由其上方的富文本视图替代。 2. **iframe**:为了实现可视化的编辑区域,许多编辑器会使用iframe...

    一款比较简单的富文本编辑器

    富文本编辑器的实现通常分为两种主要类型:基于iframe的编辑器和基于div的编辑器。基于iframe的编辑器会在一个独立的文档环境中创建编辑区域,这样可以避免与主页面样式冲突,但可能会有跨域问题。基于div的编辑器则...

    JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)

    在JavaScript中,对于基于iframe的编辑器,有时我们需要在用户光标所在的位置插入文本或者图片。本文将详细讲解如何实现这个功能,并确保其在IE和Firefox这两个主流浏览器中都能正常工作。 首先,我们需要一个简单...

    iframe编辑器火狐和IE插入图片的区别

    兼容火狐和IE插入图片的js代码,IE9不兼容showModalDialog的处理方法。

    Ubb简单编辑器

    **Ubb简单编辑器详解** **一、UBB编辑器简介** UBB(UltraBB Code)是一种基于HTML的简化标记语言,主要用于论坛、博客等在线社区,为用户提供一种简便的方式来插入特殊格式的内容,如文本样式、图片、链接等。与...

    HTML在线编辑器原理-简单深入.docx

    `&lt;iframe&gt;`元素是DHTML的一部分,可以嵌入另一个文档,此处作为编辑器的主要容器。 ```html &lt;iframe id="x" height="200px" width="500px" SCROLLING="yes" canHaveHTML&gt;&lt;/iframe&gt; ``` 2. **启用编辑功能**:...

    HTML在线编辑器原理

    这种编辑器的关键在于其提供了类似于桌面文字处理软件的界面,使得非程序员也能方便地编辑和格式化文本。 DHTML(Dynamic HTML)是HTML的一个扩展,结合了HTML、CSS、JavaScript以及DOM(Document Object Model)...

    FCk编辑器,在线编辑器

    FCk编辑器基于JavaScript和HTML,利用IFrame技术实现了一个独立于主页面的编辑区域。它使用XML进行数据交换,并且遵循W3C标准,支持XHTML和HTML5。编辑器的源代码是开放的,开发者可以查看并修改其核心代码,以满足...

    TextArea_HTMLEditor 编辑器 learning extjs 中文

    EXTJS中的TextArea_HTMLEditor是用于创建富文本编辑器的组件,它基于IFrame技术,提供了丰富的编辑功能,如字体样式调整、段落格式化、插入图片、链接等。这个组件允许用户以WYSIWYG(所见即所得)的方式编辑HTML...

    彻底解决asp中KindEditor编辑器无法获得提交的数据

    1. **直接获取HTML内容**:使用`html()`方法直接获取编辑器内部的内容。 ```javascript var html = editor.html(); ``` 2. **同步数据并获取textarea的value**:先使用`sync()`方法同步数据,再获取`textarea`的`...

Global site tag (gtag.js) - Google Analytics