2010-08-31 42 views
51

Tôi tự hỏi làm thế nào tôi có thể thiết lập một giá trị trong CKEditor bằng cách sử dụng Javascript?Làm cách nào để đặt giá trị trong CKEditor bằng Javascript?

Tôi đã thử những điều sau đây, nhưng không ai trong số họ làm việc ...

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

Tuy nhiên, cả những công việc mà không có sự biên tập áp dụng. Có cách nào tôi có thể làm điều này với các biên tập viên?

+1

Tôi chạy vào vấn đề này một lần nữa, 17 tháng sau đó. Có thể có một "Rediscovered Tôi đã trả lời câu hỏi này dài Ago. Cảm ơn, tôi" huy hiệu? – Wick

Trả lời

10

Sử dụng phương thức insertHtml() hoặc insertText().

+2

Những nội dung mới này được chèn vào vị trí của dấu mũ. 'setData()' thay thế toàn bộ nội dung. – oleq

6

Tôi đã sử dụng mã dưới đây và nó làm việc tốt như describing->

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

đây-> CKEDITOR -> Tên biên tập viên của bạn, mail_msg -> Id của textarea của bạn (mà u ràng buộc các ckeditor), obj["template"] -> là giá trị mà u muốn để ràng buộc

+0

Điều này phù hợp với tôi! –

+0

Không hoạt động. Điều này không: CKEDITOR.instances.taCKEDITOR_Email.setData ('

thử nghiệm

') – FrenkyB

29

các insertHtml()insertText() phương pháp này sẽ chèn dữ liệu vào cửa sổ soạn thảo, thêm vào bất cứ điều gì là có rồi.

Tuy nhiên, để thay thế toàn bộ nội dung trình chỉnh sửa, hãy sử dụng setData().

70

Sử dụng phương pháp ckeditor setData():

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

Nhờ mã của bạn đang làm việc Nhưng tôi đặt CKEDITOR.instances ** ckeditorname ** SetData (** yourdata **) –

+0

tài liệu [ở đây.. ] (http://docs.ckeditor.com/#!/api/CKEDITOR.editable-method-setData) – reergymerej

+0

Tôi thêm để thay thế ** ckeditorname ** bằng id của textarea đang được hiển thị là CkEditor. Ví dụ: JavaScript: CKEDITOR.instances ["nội dung của tôi"]. SetData ("

Hello World

"); HTML:

1

Hãy cẩn thận để loại bỏ dòng mới từ bất kỳ chuỗi bạn vượt qua để setData(). Nếu không là một ngoại lệ được ném.

Cũng lưu ý rằng ngay cả khi bạn làm điều đó, rồi sau đó có được dữ liệu đó một lần nữa sử dụng getData(), ckeditor đặt ngắt dòng trở lại trong.

2

Thiết lập dữ liệu biên tập. Dữ liệu phải được cung cấp ở định dạng thô (HTML). CKEDITOR.instances.editor1.setData ('Đặt dữ liệu của bạn.'); refer this page

+0

thanx bro này hữu ích cho tôi. –

3

Hãy thử này

CKEDITOR.instances['textareaId'].setData(value); 
1
<textarea id="editor1" name="editor1">This is sample text</textarea> 

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

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

</script> 

Hãy thử này ..

Cập nhật:

Để thiết lập dữ liệu:

Tạo dụ đầu tiên ::

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

Sau đó,

editor.setData('your data'); 

hoặc

editor.insertHtml('your html data'); 

hoặc

editor.insertText('your text data'); 

và lấy dữ liệu từ soạn thảo của bạn ::

editor.getData(); 

Nếu thay đổi dữ liệu para HTML đặc biệt trong ckeditor.

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

Đây là những cách có thể mà tôi biết trong ckeditor

Các vấn đề liên quan