2013-01-04 3 views
4

JQuery를 사용하지 않고 데이터를 ckeditor로로드 할 수 있습니까? 가능한 경우 인라인 스크립트 태그를 사용하고 싶습니다. 내가 Jquery를 다룰 수있는 모든 예제는 내 경우에는 최적이 아닙니다.ckeditor onload에 데이터를로드하는 방법

는 내가 지금까지 가지고하는 것은 내가 CKs의 사이트에있는 예는 다음과 같습니다

CKEDITOR.instances.editor1.setData('<p>Some other editor data.</p>', function() 
    { 
     this.checkDirty(); // true 
    }); 

내가 인라인 스크립트 태그로이를 사용하려했지만 그것은 편집기를 충돌합니다. JQuery에서 이것을 사용하면 예상대로 작동합니다.

+0

당신은 몇 가지 코드를 표시 할 수 있습니다 :) 완료

document.getElementById("editor1").value = "<p>Some other editor data.</p>"; CKEDITOR.replace("editor1"); 

. –

+0

빌레몬트, 나는 지금 당장 가지고있는 모든 것을 올렸다. – NaN

답변

11

다음은 jQuery를 사용하지 않고 CKEDITOR API를 사용하는 예입니다. textarea 내용으로 CKEDITOR의 "editor1"인스턴스를 초기화하는 함수를 바꾸려면 호출을 관찰하십시오. 나는 이것이 콘텐츠 onload를 채우는 가장 쉬운 방법이라고 생각하지만, 충분하지 않을 경우 질문에있는 코드를 사용하여 CKEDITOR에 "다른 일부 편집기 데이터"를 채워 넣은 것을 볼 수 있습니다.

HTML :

<textarea id="editor1"> 
    Hello, world! 
</textarea>​ 

자바 스크립트 :

CKEDITOR.replace('editor1', { 
    toolbar: 'Basic', 
    uiColor: '#9AB8F3' 
}); 
CKEDITOR.instances.editor1.setData('<p>Some other editor data.</p>', function() 
{ 
    this.checkDirty(); // true 
}); 

http://jsfiddle.net/cDzqp/

+1

나는 몇 년 동안 그것을 알고있다. 그러나 이것은 나를 위해 일하지 않는 것처럼 보이며 jsfiddler도 더 이상 작동하지 않는다. 나는 ckeditor 4.6.1로 업데이트하려고했지만 여전히 운이 없다. (https://cdn.ckeditor.com/4.6.1/full-all/config.js?t=GB8C) – rmcsharry

4

내가 아는이 질문은 오래하지만 난 그냥 내 솔루션을 알아 냈어요 내가 생각 내가 2 센트를 여기에 추가하면 누구든지 sa를 가질 수 있기 때문에 더 깨끗합니다. 나에게 문제가있다.

CKEditor는 새 텍스트 영역의 내용을 기존의 교체 된 텍스트 영역의 원래 내용을 사용하여 자동으로 설정합니다. 즉, 텍스트 영역의 내용을 변경하고 replace 명령을 호출하는 것으로 충분합니다. 이 코드가 될 것이다 : 쉽게 우리를 위해 다시 응답 할 수 있도록

관련 문제