jquery – 将HTML插入到iframe中

前端之家收集整理的这篇文章主要介绍了jquery – 将HTML插入到iframe中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个浏览器HTML编辑器。我使用的语法荧光笔叫做镜像,这是非常好的。

我的设置是一个iframe,其中包含正在编辑的页面的视图和用户编辑的纯文本HTML所在的textarea。

我试图将编辑的HTML从textarea插入到显示为HTML的iframe中。

这可能吗?我已经尝试过以下内容

HTML设置:

  1. <iframe id="render">
  2.  
  3. </iframe>
  4.  
  5. <textarea id="code">
  6. HTML WILL BE
  7.  
  8. HERE
  9. </textarea>
  10. <input type="submit" id="edit_button" value="Edit" />

JQuery设置:

  1. $('#edit_button').click(function(){
  2. var code = editor.getCode(); // editor.getCode() is a codemirror function which gets the HTML from the text area
  3. var iframe = $('#render');
  4. iframe.html(code)
  5. })

这似乎没有将HTML加载到iframe中,是否有一种特殊的方法来将HTML插入到iframe中或者是不可能的?

干杯

EEF

解决方法

设置

document.designMode

财产,然后尝试添加HMTL

Rich-Text Editing in Mozilla

猜你在找的jQuery相关文章