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

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