从wysihtml5文本区域插入到iframe
从wysihtml5文本区域插入到iframe
提问于 2014-01-13 15:48:59
我已经使用wysihtml5 editor将一个简单的文本框变成了一个具有编辑功能的文本框。该项目需要文本框将其html注入到iframe中。在安装编辑器之前，一切都运行得很好。现在，iframe注入的jQuery不再起作用，因为编辑器已经将文本区域转换为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世界的新手，已经尝试了一些可能性，但到目前为止还不能解决这个问题。
非常感谢你的见解。
回答 1
Stack Overflow用户
发布于 2014-08-19 14:43:28
正如我所知道的(可能我知道我在说什么)，你不能在iframe之外(来自父文档)应用css样式。您应该尝试在iframe中嵌入样式。它的原因是浏览器样式与文档一起工作，但iframe是另一个文档，必须随附自己的css样式。希望这能有所帮助
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21086222
复制相关文章
相似问题
腾讯云开发者
