Javascript로 CKEditor에서 값을 어떻게 설정합니까?

Javascript로 CKEditor에서 값을 어떻게 설정합니까?

---

CKEditorJavascript 를 사용하여 값을 어떻게 설정할 수 있는지 궁금합니다 .

나는 다음을 시도했지만 둘 다 작동하지 않습니다 ...

document.[form name].[textarea name].value=data;
$('#textareaID').val(data);

그러나이 두 가지 모두 편집기를 적용하지 않아도 작동합니다. 에디터로 할 수있는 방법이 있습니까?

---

CKEditor 메소드를 사용하십시오 setData().

CKEDITOR.instances[**fieldname**].setData(**your data**)

---

insertHtml()및 insertText()방법은 이미 무엇이든에 추가 편집기 창에 데이터를 삽입합니다.

그러나 전체 편집기 컨텐츠를 바꾸려면 setData().

---

사용 insertHTML를 () 또는 있는 InsertText () 방법.

---

나는 아래 코드를 사용했으며 설명으로 잘 작동합니다.

CKEDITOR.instances.mail_msg.insertText(obj["template"]);

여기에서 CKEDITOR- > -> 편집기 이름, mail_msg-> 텍스트 영역의 ID (ckeditor를 바인딩하는), obj["template"]-> 바인딩하려는 값입니다.

---

이 시도

CKEDITOR.instances['textareaId'].setData(value);

---

<textarea id="editor1" name="editor1">This is sample text</textarea>

<div id="trackingDiv" ></div>

<script type="text/javascript">
    CKEDITOR.replace( 'editor1' );

</script>

한번 해보자 ..

업데이트 :

데이터를 설정하려면 :

먼저 인스턴스 만들기 ::

var editor = CKEDITOR.instances['editor1'];

그때,

editor.setData('your data');

또는

editor.insertHtml('your html data');

또는

editor.insertText('your text data');  

편집기에서 데이터를 검색합니다.

editor.getData();

CKEditor에서 특정 para HTML 데이터를 변경하는 경우.

var html = $(editor.editable.$);
$('#id_of_para',html).html('your html data');

이것이 제가 CKEditor에서 알고있는 가능한 방법입니다.

---

지금까지 CKEditor 4+가 출시되었으므로 우리는 그것을 사용해야합니다. ekeditor 4 setData 문서

CKEDITOR.instances['editor1'].setData(value);

editor1textarea Id 는 어디에 있습니까 ?

이전과 같은 방법 insertHtml('html data')과 insertText('text data')도 잘 작동합니다.

그리고 데이터 사용을 얻기 위해

var ckdata =  CKEDITOR.instances['editor1'].getData();
var data = CKEDITOR.instances.editor1.getData();

Ckedtor 4 문서

---

편집기 데이터를 설정합니다. 데이터는 원시 형식 (HTML)으로 제공되어야합니다. CKEDITOR.instances.editor1.setData ( '데이터를 입력하세요.'); 이 페이지를 참조하십시오

---

Take care to strip out newlines from any string you pass to setData(). Otherwise an exception gets thrown.

Also note that even if you do that, then subsequently get that data again using getData(), CKEditor puts the line breaks back in.

참고URL : https://stackoverflow.com/questions/3610010/how-do-i-set-a-value-in-ckeditor-with-javascript