获取当前CKEDITOR实例的iframe元素

时间:2017-11-17 10:18:20

标签: javascript iframe ckeditor

CKEditor 4或以上
我有一个CKEDITOR实例,我可以无问题地访问parent.CKEDITOR.instances[instance_id]
我想将引导文件添加到由CKEDITOR生成的iframe的头部(有点黑客,因为添加可选css文件的正常方法不起作用)。
我试图获取iframe头并注入bootstrap文件,但它总是失败 有什么建议吗?

2 个答案:

答案 0 :(得分:1)

如果您在iframe中使用包含内容的经典编辑器,请使用contentsCss configuration setting向编辑器内容区域添加额外的CSS。使用Ctrl + F5刷新缓存非常重要。如果由于某种原因没有应用更改并且CSS文件的路径正确(您在浏览器dev-tools控制台中没有获得404),那么您可能希望尝试根据此link清除缓存。

如果您真的需要访问iframe,可以使用以下技巧。它会为您提供所需的editor id div,并为其找到iframe。如果您在一个页面上有几个编辑器或iframe,这很好。

document.getElementById('cke_'+ your_textarea_id ).getElementsByTagName('iframe')[0].contentWindow

答案 1 :(得分:0)

我终于找到了,我在这里发布,所以也许将来对某人有帮助。
我刚刚将bootstrap文件添加到body标签(这是一个不好的做法,但它有效)。