在运行时添加更多ckeditor

Question

我想添加尽可能多的ckeditors，但问题是克隆ckeditors只是显示并冻结，即使没有一个函数正在使用ckeditor

这是我的代码

<div class="row" id="single">
            <div class="col-sm-12">
              <div class="form-group">
                <label class="control-label">Description<span class="required">*</span></label>
                <textarea name="meta_description[]" class="form-control valid ckeditor" title="Plase enter Meta Description." placeholder="Meta Description" required></textarea>
              </div>
            </div>
          </div>
          <div id="more">
          </div>
<a class="btn btn-primary" id="add-more-btn">Add More</a>

这里是jquery克隆到现有的ckeditor

<script>
    $(document).ready(function(e) {
        $("#add-more-btn").click(function(e) {
            $( "#single" ).clone().appendTo( "#more" );
        });
    });
</script>

Answer 1

由我自己完成

<textarea name="description[]" class="form-control valid ckeditorJugar" title="Plase enter Meta Description." placeholder="Meta Description" required></textarea>

$( 'textarea.ckeditorJugar' ).ckeditor();

        $( "body" ).on( "click", "#add-more-btn", function() {
          $( '<textarea name="description[]" class="form-control ckeditorJugar"></textarea>' ).appendTo( "#more" );
          $( 'textarea.ckeditorJugar' ).ckeditor();
        });