要在同一个页面创建多个 WangEditor 实例,只需要按照以下步骤进行操作:

  1. 引入 wangEditor 的 JavaScript 和 CSS 文件。可以通过在<head> 标签中添加<script><link> 标签来引入相关文件。
  2. <script src="path/to/wangEditor.min.js"></script>
    <link rel="stylesheet" href="path/to/wangEditor.min.css">
  3. 在 HTML 页面中创建多个容器用来放置 wangEditor 实例。可以使用<div> 标签作为容器,并给每个容器设置一个唯一的 ID。
  4. <div id="editor1"></div>
    <div id="editor2"></div>
  5. 在 JavaScript 中初始化 wangEditor 实例。通过调用wangEditor.create() 方法,传入容器的 ID 和配置项来创建实例。
  6. var editor1 = wangEditor.create('#editor1', {
        // 配置项1
    });
    

    var editor2 = wangEditor.create('#editor2', { // 配置项2 });

  7. 可选:根据需要,可以为每个 wangEditor 实例设置不同的配置项,例如自定义菜单、设置高度等。

通过以上步骤,就可以在同一个页面中创建多个 wangEditor 实例了。每个实例都可以独立地编辑内容。

如何在同一个页面创建多个 WangEditor 实例

原文地址: https://www.cveoy.top/t/topic/qEM6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录