Javascript 在浏览器中动态设置外部css到ck编辑器
我将ck编辑器(最新版本4.1)嵌入到dj浏览器中。 我想在ck编辑器中设置一个外部css文件() 但我不想修改或编辑ck编辑器的配置文件。css的url应该在运行时动态设置,其名称和url可以更改 我尝试调用以下命令,但没有帮助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链接吐
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"));