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

iframe编辑器1

editor 
阅读更多

<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

分享到：
| javascript 判断adobe reader版本?
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    可编辑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`的`...

Magicbox
Global site tag (gtag.js) - Google Analytics