首页ckeditor4 同页面重复调用

ckeditor4 同页面重复调用

时间: 2023-12-09 16:05:19 浏览: 128

如果你需要在同一页面上多次使用 CKEditor，可以在初始化每个编辑器实例时指定不同的 ID，并使用不同的配置选项。以下是一个示例代码，展示如何在同一页面中多次使用 CKEditor： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Multiple CKEditor Instances</title> <script src="ckeditor/ckeditor.js"></script> </head> <body> <h1>Editor 1</h1> <textarea id="editor1"></textarea> <h1>Editor 2</h1> <textarea id="editor2"></textarea> <script> // Initialize first editor instance CKEDITOR.replace('editor1', { // Config options for editor 1 }); // Initialize second editor instance CKEDITOR.replace('editor2', { // Config options for editor 2 }); </script> </body> </html> ``` 在上面的代码中，我们在页面中定义了两个 textarea 元素，每个元素都有一个唯一的 ID（editor1 和 editor2）。然后，我们在 JavaScript 代码中初始化两个 CKEditor 实例，分别使用相应的 ID 和配置选项。请注意，如果你在同一页面上使用多个 CKEditor 实例，每个实例都会加载所有必需的资源和插件，这可能会导致性能问题。因此，建议在同一页面上只使用必要数量的编辑器实例。如果需要在同一页面上使用多个编辑器实例，建议使用 CKEditor 5，它具有更好的性能和可扩展性。

阅读全文