javascript - 如何加载数据到ckeditor onload

标签 javascript jquery ckeditor

是否可以在不使用 JQuery 的情况下将数据加载到 ckeditor 中?如果可能的话,我想为此使用内联脚本标记。我能找到的所有示例都与 Jquery 打交道,而这在我的情况下并不是最佳的。

到目前为止,我所拥有的是我在 CKs 网站上找到的示例:

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

我尝试将其与内联脚本标记一起使用,但它会使编辑器崩溃。如果我在 JQuery 中使用它,它将按预期工作。

最佳答案

这是一个使用 CKEDITOR API 而不使用 jQuery 的示例。请观察对 replace 函数的调用,该函数使用文本区域内容初始化 CKEDITOR 的“editor1”实例。我认为这是填充加载内容的最简单方法,但如果这还不够,您可以看到我已经使用您问题中的代码用“其他一些编辑器数据”填充 CKEDITOR。

HTML:

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

Javascript:

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/

关于javascript - 如何加载数据到ckeditor onload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14150604/

相关文章:

javascript - Postman - Collection.json - 如何通过传递数组来发出多个请求? (数组中的每一项都是每个请求的查询字符串值)

php - 让 Twitter 好友允许用户在帖子中标记他们

javascript - 如何连续调整 Div 到 100% VH

javascript - 在事件的 div 上(使用 JQuery),如何将其他 div 彼此分开?

php - CKEditor雄心勃勃的滚动

javascript - 在 EXTJS 折线图中创建自定义线条

javascript - 我怎样才能有效地在列表中 flex 我的元素?

javascript - 无法反转 Javascript 简单 Diff

javascript - ckeditor - 获取最后一个光标位置并在该 Angular 5 处附加 html

ruby-on-rails - 用于 ruby​​ on rails 的 CKFinder gem