在jquery上添加多个编辑器

Question

我希望每次点击链接添加，添加CKEditor。我的代码首次点击添加CKEditor。什么可以为所有点击做到这一点？

DEMO ：http://jsfiddle.net/M2pEb/1/

HTML：

<script type="text/javascript"  src="http://cdn.ckeditor.com/4.4.2/standard-all/ckeditor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>


<a class="add" href="#"><span class="icon-caret-right"></span>Add</a>
<div class="000" style="width: 400px;height: 100px;">
</div>

JS：

$(document).on('click', 'a.add', function (e) {
    e.preventDefault();
    $('.000').append('<textarea class="ckeditor" name="description_ser" id="des"></textarea>');
$('.ckeditor').each(function(){
    CKEDITOR.replace( $(this).attr('id') );
}); 

}）

Answer 1

您无法在文档中拥有多个具有相同ID的元素（在您的情况下为des）。尝试类似的事情：

i=1;
$(document).on('click', 'a.add', function (e) {
    e.preventDefault();
    $('.000').append('<textarea class="ckeditor" name="description_ser" id="des-'+i+'"></textarea>');
  CKEDITOR.replace( 'des-'+i );
  i++;
})