ckeditor5同个页面多个编辑器
时间: 2023-11-23 09:05:43 浏览: 40
在同一个页面上使用多个 CKEditor5 编辑器,你可以为每个编辑器创建一个唯一的 ID,然后在初始化编辑器时将该 ID 传递给 CKEditor5 的构造函数。以下是一个简单的示例代码:
```html
<div>
<textarea id="editor1"></textarea>
</div>
<div>
<textarea id="editor2"></textarea>
</div>
<script src="https://cdn.ckeditor.com/ckeditor5/27.1.0/classic/ckeditor.js"></script>
<script>
ClassicEditor
.create(document.querySelector('#editor1'))
.catch(error => {
console.error(error);
});
ClassicEditor
.create(document.querySelector('#editor2'))
.catch(error => {
console.error(error);
});
</script>
```
在上面的示例中,我们在 HTML 中创建了两个 textarea 元素,并分别为它们指定了唯一的 ID。然后,我们在 JavaScript 中使用这些 ID 来初始化两个 CKEditor5 编辑器。你可以根据需要添加更多的 textarea 元素和相应的初始化代码来创建更多的编辑器。