Question

我使用wysihtml5 editor将一个简单的文本框转换为具有编辑功能的文本框。该项目需要文本框将其html注入iframe。在安装编辑器之前，事情进展顺利。现在，iframe注入的jQuery不再有效，因为编辑器已将textarea转换为iframe。关于如何将以下jQuery转换为与编辑器一起使用的任何想法？

    (function() {

    var frame = $('iframe#preview'),
        contents = frame.contents(),
        body = contents.find('body'),
        styleTag = contents
                   .find('head')
                   .append('<style>*{font-family:arial}h2{color:#CC6600}</style>')
                   .children('style');

    $('textarea').focus(function() {
      var $this = $(this);

    $this.keyup(function() {
      body.html( $this.val() );
    });
  });
})();

我知道在$('textarea').focus电话中需要更改某些内容，我只是不知道是什么。我是javascript / jQuery世界的新手，已经尝试了一些可能性，但到目前为止还没有能够解决这个问题。

非常感谢任何见解。

Answer 1

据我所知（可能我知道我在说什么），你不能将css样式应用于iframe之外的iframe（来自父文档）。你应该尝试在iframe中嵌入样式。它因为浏览器样式与文档一起工作，但是iframe是另一个文件并且必须附带自己的css样式。希望这有帮助

从wysihtml5文本区域注入iframe

1 个答案: