2013-04-25 62 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