如何在一页中使用类添加多个ckeditor？

Question

我正在尝试在页面中使用单个类添加多个 ckeditor。通过单击“添加更多”链接，我想添加动态 ckeditor。以下是我的代码。

<script src="https://cdn.ckeditor.com/4.11.3/standard/ckeditor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script type="text/javascript">
    CKEDITOR.replace( 'editor1' );
</script>


<textarea class="editor1"></textarea>
<textarea class="editor1"></textarea>
<textarea class="editor1"></textarea>
<textarea class="editor1"></textarea>

Answer 1

首先，给所有textarea元素一个 ID。

<textarea class="editor1" id="editor1"></textarea>
<textarea class="editor1" id="editor2"></textarea>
<textarea class="editor1" id="editor3"></textarea>
<textarea class="editor1" id="editor4"></textarea>

然后只需找到类的所有实例editor1并使用 ID 生成编辑器即可。

<script>
    $('.editor1').each(function () {
        CKEDITOR.replace($(this).prop('id'));
    });
</script>