javascript - 如何在页面上克隆或添加多个 ck 编辑器

Question

我想要多个textarea(ck编辑器)，用户可以在其中输入多个数据，我尝试了jquery的各种功能和方法，例如clone()和 appendTo 但问题是他们正在克隆 textarea 但 ckeditor 无法工作，克隆 textarea 后我无法在其中写入任何内容请帮我解决一下。

这是我尝试过的

测试1 http://jsfiddle.net/FADxv/793/

测试2 http://jsfiddle.net/kbqjnecx/3/

谢谢

Answer 1

向每个新文本区域添加一个 id 并使用以下命令手动初始化编辑器 CKEditor.replace(id [,config])

类似于:

$(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            var editorId = 'editor_' + x;
            $(wrapper).append('<div> <textarea id="'+editorId+'" class="ckeditor" name="ck[]"></textarea><a href="#" class="remove_field">Remove</a></div>'); //add input box

            CKEDITOR.replace(editorId, { height: 200 });
        }
    });

DEMO