单个页面使用多个ckeditor4

可以使用多个 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 文件：

<script src="//cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>

2. 创建多个 textarea 元素：

<textarea name="editor1"></textarea>
<textarea name="editor2"></textarea>

3. 在 JavaScript 中初始化每个编辑器：

<script>
  CKEDITOR.replace('editor1');
  CKEDITOR.replace('editor2');
</script>

在上面的示例中，我们引入了 CKEditor 的 JavaScript 文件，并创建了两个 textarea 元素。然后，在 JavaScript 中，我们使用 `CKEDITOR.replace` 方法来初始化每个编辑器，将其绑定到对应的 textarea 元素上。

你可以按照需要添加更多的 textarea 元素和相应的初始化代码来创建更多的编辑器。注意，每个编辑器的名字应该是唯一的，以便正确地将其绑定到相应的 textarea 元素上。

ckeditor5同个页面多个编辑器

在同一个页面上使用多个 CKEditor5 编辑器，你可以为每个编辑器创建一个唯一的 ID，然后在初始化编辑器时将该 ID 传递给 CKEditor5 的构造函数。以下是一个简单的示例代码：

<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 元素和相应的初始化代码来创建更多的编辑器。