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

时间:2018-07-11 12:48:23

标签: javascript jquery

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

这是我尝试过的

test1 http://jsfiddle.net/FADxv/793/

test2 http://jsfiddle.net/kbqjnecx/3/

谢谢

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

选中此选项以克隆ckeditor。

检查这个小提琴:http://jsfiddle.net/manektech/47htysb5/

MyClient
相关问题