dj 브라우저에서 동적으로 외부 CSS를 ck 편집기로 설정

Question

i는 cj 편집기 (최신 버전 4.1)를 DJ 브라우저에 임베드했습니다. dj browser

그리고 외부 css 파일 (http://mystyle.css)을 ck 편집기에 설정하고 싶습니다.

하지만 ck 편집기의 설정 파일을 수정하거나 편집하고 싶지 않습니다. CSS의 URL은 런타임에 동적으로 설정되어야하며 이름과 URL은 변경 될 수 있습니다.

내가 시도한 것은 다음 명령을 호출했지만 도움이되지 않았습니다.

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

Answer 1

키는 CKE iframe의 문서 개체에 액세스하는 것입니다. 그런 다음 설정을 터치하지 않고 문서 머리 부분에 CSS 링크 만 토합니다. 예 https://stackoverflow.com/a/577002/694325

에서 나는 (https://stackoverflow.com/a/2685661/694325 당신이 이름을 "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.$; // shortcut 
$("<link/>", { 
    rel: "stylesheet", 
    type: "text/css", 
    href: "http://my.little.pony.net/Your.css" 
}).appendTo($(doc).find("head"));