ckeditor5同个页面多个编辑器
时间: 2023-11-23 07:05:43 浏览: 149
在同一个页面上使用多个 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 元素和相应的初始化代码来创建更多的编辑器。
阅读全文
相关推荐
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![application/x-zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![application/x-gzip](https://img-home.csdnimg.cn/images/20250102104920.png)
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)