如何将页面标题中添加的css应用于tinymce？

Question

我想对 mce 实例中正在编辑的元素应用一些类，这些类将在运行时添加到 head 中的样式标记中。类名被添加到在小 mce 中正在编辑的元素中，但我看不到应用样式的效果。我需要对 init 做些什么吗？如何在 content_css 中引用页面本身的 head 标签中添加的样式表？我可以在 tiny mce 中添加多个 css 吗？

提前致谢

Answer 1

不，您不需要更改 init，但您需要在执行您希望更改 css 的操作时调用代码。

您可以使用以下代码 sn-p (foreach css) 向 tinymce 添加多个 css：

iframe_id = (ed.id == 'content_ifr') ? ed.id : ed.id+'_ifr';
css = "http://mydomain.com/css/mycss.css";

with(document.getElementById(iframe_id).contentWindow){
    var h=document.getElementsByTagName("head");
    var newStyleSheet=document.createElement("link");
    newStyleSheet.rel="stylesheet";
    newStyleSheet.href=css;
    h[0].appendChild(newStyleSheet);
}

引用 content_css 对您没有多大帮助（至少当您要分配的类尚未包含在此处时）。 将 css 文件翻出/翻入您的脑海可能会完成这项工作。