外部CSS在djbrowser动态地设置为CK编辑器 [英] setting external css to ck editor dynamically in djbrowser

问题描述

我嵌入式CK编辑器（最新版本4.1）到DJ browswer。
DJ的浏览器

和我想设置一个外部CSS文件。（ HTTP：//mystyle.css ）到CK编辑

但我不希望修改或编辑CK编辑配置文件。 CSS的网址应该是动态设置，对运行时间和它的名称和网址是可以改变的。

我的尝试是调用下面的命令，但没有帮助。

  CKEDITOR.stylesSet.add（myStyle的'）;
..
CKEDITOR.config.stylesSet（myStyle的：HTTP：//mystyle.css'）;
 

解决方案

他们关键是要进入CKE iframe的文档对象。然后你只需口吐CSS链接到文档的头而不触及配置。例子是 http://stackoverflow.com/a/577002/694325

我假设你用editor1为名称，但使用任何你..

  VAR DOC = CKEDITOR.instances.editor1.document $。 //获取CKE文档！
VAR cssId ='myCss';
如果（！doc.getElementById（cssId））
{
    VAR头= doc.getElementsByTagName（头）[0];
    VAR链接= doc.createElement（'链接'）;
    link.id = cssId;
    link.rel ='样式表;
    link.type ='文/ CSS';
    link.href ='http://my.little.pony.net/Your.css';
    link.media ='全部';
    head.appendChild（链接）;
}
 

或者你可以jQuery的，如果你是到那种东西（ http://stackoverflow.com/a/2685661/694325 ）

  VAR DOC = CKEDITOR.instances.editor1.document $。 //快捷方式
$（＆LT;链接/＆gt;中，{
   REL：样式
   类型：文字/ CSS
   HREF：http://my.little.pony.net/Your.css
}）appendTo（$（DOC）.find（头））;
 

i embedded ck editor (recent version 4.1) into dj browswer. dj browser

and i want to set a external css file (http://mystyle.css) into the ck editor.

but i do not want to modify or edit config files of ck editor. the url of css should be set dynamically, on the run time and its name and url can be changed.

what i tried is invoking the following command, but did not help.

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

解决方案

They key is to access the document object of the CKE iframe. Then you just vomit a CSS link to the head of the document without touching the config. Example is from http://stackoverflow.com/a/577002/694325

I am assuming that you use "editor1" for the name, but use whatever you have..

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);
}

Or you could jQuery it if you are into that kind of stuff (http://stackoverflow.com/a/2685661/694325)

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"));

这篇关于外部CSS在djbrowser动态地设置为CK编辑器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！