jquery - JQuery - 在CKEDITOR中动态修改CSS

Question

我想动态修改CKEDITOR中的CSS。我读到它可以通过jquery。但我不知道如何告诉 jquery，我想修改 CKEDITOR 中的元素，而不是整个文档。

我尝试了这样的事情，但它不起作用：

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

有任何想法吗？谢谢！

Answer 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 body's content of an iframe in Javascript?

旁注，我认为您无法从远程/不同域访问 iframe 的内容，因此如果 CKEDITOR 不在您的域中，请检查此内容。