2013-04-25 60 views
0

我想动态修改CSS中CKEDITOR。我读过它可能通过jQuery。但我不知道如何告诉jQuery,我想修改CKEDITOR中的元素,而不是整个文档。JQuery的 - 动态修改CSS在CKEDITOR

我想这样的事情,但它不工作:

function ok() { 
     $('textarea#editor1').css({ 
      "color": "Blue", 
      "background-color": "orange" 
    }); 

任何想法?谢谢!

+0

于能够在CKEDITOR编辑最近的话题都可以找到[这里](http://stackoverflow.com/questions/15989223/is-it-possibe-to-modify-this-to-remove-all- IMG标签,将最新的人之前-/ 15989303#15989303)。也许这会帮助你。您应该让CKEDITOR实例“可编辑”并使用[docs](http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dom.document.html)来查看可用的DOM命令。 – Daniel 2013-04-25 13:15:25

回答

1

可以使用的东西看起来像这样

var IframeContent = document.getElementsByClassName('cke_wysiwyg_frame')[0].contentDocument 

// Do whatever you want to as if it was your main "document" element 
IframeContent.getElementById("..."); 
IframeContent.getElementsByClassName("..."); 

或者使用jQuery,你可能有兴趣在此解决方案: How to get the body's content of an iframe in Javascript?

侧面说明,我不认为你可以访问到内容来自远程/不同域的iframe,所以如果CKEDITOR不在你的域名上,请检查这一点。

+0

谢谢。你救了我(y) – 2017-04-27 15:57:50