Question

我正在研究MVC3 CKeditor，当我点击提交按钮时，我需要在CKeditor中插入一些额外的数据。我怎样才能做到这一点？到目前为止我的代码如下：这是我的html页面

        <div id="div-child-Cat-Desc-Long" class="CKEditor-child-DIV">
                    @Html.TextAreaFor(m => m.Message, new { Class = "input-xlarge", @id = "txtAreasocial",@rows="3" })
                </div>

$(document).ready(function () {
    //Passing the Text Area reference to get the CK Editor
    var editor = CKEDITOR.editor.replace('txtAreasocial');
});

 $('#btnadd').click(function () {
    alert('hi');

    var data = "Hello. This is a new node.";
    alert(data);
    CKEDITOR.editor.setData(data);

    editor.setData(data)
});

Answer 1

我不太确定你有多少CKeditor实例。您需要获取编辑器的实例并使用setData方法将数据添加到特定实例。例如：

CKEDITOR.instances['editor1'].setData(data)

或

CKEDITOR.instances.editor1.setData(data)

检查documentation中的setData方法。

Answer 2

使用＆＃34; insertHtml＆＃34;或＆＃34; insertText＆＃34;用于将数据附加到CKEDITOR的功能。像这样：

CKEDITOR.instances['input-text-area-ID'].insertHtml(data);

Answer 3

制作一个新的子元素

var txtNode = document.createTextNode("Hello. This is a new node.");

然后将其添加到您的编辑器中..
```
txtNode.appendTo($('#editor'));
```

如何使用jquery将额外数据添加到ckeditor？

3 个答案: