jquery - 在jquery中添加多个CKEditor实例

Question

我正在尝试各种所见即所得的 JavaScript 文本区域。如果我尝试在每个 <textarea> 上放置一个 CKEditor在我的 jquery 屏幕上，编辑器都显示良好，但它们不保存。我试过:

$(function() {
$('.editors').ckeditor();
});

和

$(function() {
$('.editors').each(function(index, element){
    $(element).ckeditor();
});
});

在这两种情况下，每个文本区域都有一个 CKEditor，但它不会保存。如果我手动添加所有编辑器

$(function() {
CKEDITOR.replace('contactText');
CKEDITOR.replace('edit_footer_text');
CKEDITOR.replace('termsText');
});

或

$(function() {
$('#contactText').ckeditor();
$('#edit_footer_text').ckeditor();
$('#termsText').ckeditor();
});

所有三个字段都有编辑器，并且可以保存。

我试图在这个项目的标准模板中添加一些代码，这样如果我们想要在文本区域上使用编辑器，他们只需向其中添加“编辑器”类，这就是我正在寻找的原因jQuery 解决方案。这确实适用于tinymce:

$(function() {
     $('.editors').tinymce({
           script_url : '/common/tiny_mce/tiny_mce.js',
               // General options
               mode : "textareas",
              theme : "advanced",
         })
});

Answer 1

实际上，CKEditor 的 jQuery Adapter 默认情况下不会更新表单元素，您需要将编辑器替换为当前 id。

$(function() {
$('.editors').each(function(){
    CKEDITOR.replace( $(this).attr('id') );
});
});

Reference