单个页面使用多个ckeditor4
时间: 2023-03-30 21:03:22 浏览: 127
可以使用多个 CKEditor4 编辑器,只需要在页面中引入多个 CKEditor4 的 JavaScript 文件,并在 HTML 中为每个编辑器指定不同的 ID 即可。例如:
```
<script src="path/to/ckeditor.js"></script>
<textarea id="editor1"></textarea>
<script>
CKEDITOR.replace('editor1');
</script>
<textarea id="editor2"></textarea>
<script>
CKEDITOR.replace('editor2');
</script>
```
这样就可以在同一个页面中使用多个 CKEditor4 编辑器了。
相关问题
php ckeditor 同一个页面加载多个ckeditor
在同一个页面上使用多个 CKEditor 编辑器,可以按照以下步骤操作:
1. 引入 CKEditor 的 JavaScript 文件:
```html
<script src="//cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
```
2. 创建多个 textarea 元素:
```html
<textarea name="editor1"></textarea>
<textarea name="editor2"></textarea>
```
3. 在 JavaScript 中初始化每个编辑器:
```html
<script>
CKEDITOR.replace('editor1');
CKEDITOR.replace('editor2');
</script>
```
在上面的示例中,我们引入了 CKEditor 的 JavaScript 文件,并创建了两个 textarea 元素。然后,在 JavaScript 中,我们使用 `CKEDITOR.replace` 方法来初始化每个编辑器,将其绑定到对应的 textarea 元素上。
你可以按照需要添加更多的 textarea 元素和相应的初始化代码来创建更多的编辑器。注意,每个编辑器的名字应该是唯一的,以便正确地将其绑定到相应的 textarea 元素上。
ckeditor5同个页面多个编辑器
在同一个页面上使用多个 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 元素和相应的初始化代码来创建更多的编辑器。