Javascript 在浏览器中动态设置外部css到ck编辑器

Javascript 在浏览器中动态设置外部css到ck编辑器,javascript,html,css,browser,ckeditor,Javascript,Html,Css,Browser,Ckeditor,我将ck编辑器(最新版本4.1)嵌入到dj浏览器中。 我想在ck编辑器中设置一个外部css文件() 但我不想修改或编辑ck编辑器的配置文件。css的url应该在运行时动态设置,其名称和url可以更改 我尝试调用以下命令,但没有帮助 CKEDITOR.stylesSet.add('mystyle'); .. CKEDITOR.config.stylesSet('mystyle:http://mystyle.css'); 它们的关键是访问CKE iframe的文档对象。然后,您只需将CSS链接吐

我将ck编辑器(最新版本4.1)嵌入到dj浏览器中。

我想在ck编辑器中设置一个外部css文件()

但我不想修改或编辑ck编辑器的配置文件。css的url应该在运行时动态设置,其名称和url可以更改

我尝试调用以下命令,但没有帮助

CKEDITOR.stylesSet.add('mystyle');
..
CKEDITOR.config.stylesSet('mystyle:http://mystyle.css');

它们的关键是访问CKE iframe的文档对象。然后,您只需将CSS链接吐到文档的头部,而不必触摸配置。例子来自

我假设您使用“editor1”作为名称,但请使用您拥有的任何名称

var doc = CKEDITOR.instances.editor1.document.$; // get CKE doc!
var cssId = 'myCss';
if (!doc.getElementById(cssId))
{
    var head  = doc.getElementsByTagName('head')[0];
    var link  = doc.createElement('link');
    link.id   = cssId;
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'http://my.little.pony.net/Your.css';
    link.media = 'all';
    head.appendChild(link);
}
或者,如果你对这类东西感兴趣,你也可以用jQuery查询()

var doc=CKEDITOR.instances.editor1.document.$;//捷径
$("", {
rel:“样式表”,
键入:“文本/css”,
href:“http://my.little.pony.net/Your.css"
}).appendTo($(doc.find)(“head”);

您能稍微澄清一下这个问题吗?您是否需要插入一个CSS文件,为编辑器内的内容提供自定义样式,还是要将自定义项/选项添加到样式集下拉菜单?我想设置一个CSS文件,为编辑器内的内容提供自定义样式。但是css文件将通过url访问。
var doc = CKEDITOR.instances.editor1.document.$; // shortcut
$("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "http://my.little.pony.net/Your.css"
}).appendTo($(doc).find("head"));