使用JQuery设置CKEditor的值

Question

我有一个CKEditor文本域：

 <textarea cols="80" id="taBody" name="taBody" class="ckeditor" rows="10" runat="server"></textarea>

我用jQuery尝试从数据库中设置值：

$('#ContentPlaceHolder_taBody').val(substr[5]);

不用担心子字符串，我已经测试过它会返回一个字符串。为了测试目的，我用 "test" 替换了子字符串并且得到了同样的问题。

我知道围绕这行代码的 jQuery 不会影响它，因为我尝试填充的其他文本字段是有效的。只有在涉及 ckeditor 时才会出现问题。

以下是完整的脚本：

function (obj) {
      $.ajax({
         type: "POST",
          url: "ContentSections.aspx/GetContentDetails",
          data: '{"nodeID": "' + obj.attr('id') + '"}',
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          success: function (msg) {
             var str = msg.d;
             var substr = str.split('|||');

             $('#ContentPlaceHolder_hfContentSectionID').val(substr[0]);
             $('.txtAlias').val(substr[1]);
             $('.txtBrowserTitle').val(substr[2]);
             $('.txtMetaDescription').val(substr[3]);
             $('.txtMetaKeywords').val(substr[4]);
             $('#ContentPlaceHolder_taBody').val(substr[5]);
          }
     });
}

问题在于没有任何内容被填充且没有显示任何JavaScript错误。

我尝试查阅相关资料，但没有找到任何有用的信息。有人有什么想法吗？

- balexander

Answer 1

你需要使用 CKEditor 的 API 。具体来说，需要使用 http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setData。

- simshaun

---

解决了我的大问题，非常棒的解决方案。Simshaun。 - 3 rules

Answer 2

在阅读了这个链接http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setData之后，以下代码可以让我工作。

CKEDITOR.instances.editor1.setData( '<p>This is the editor data.</p>' );

- Ravi Mane

---

注意：这里的“editor1”是 ckeditor 文本区域元素的 ID。这对我也起作用了。谢谢。 - Kamlesh

对我来说真的非常好和有帮助。 - A.A Noman

Answer 3

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

其中value是你想要设置HTML数据的值

- Kalpesh.Net