在同一个页面如何创建多个wangEditor
要在同一个页面创建多个wangEditor实例，只需要按照以下步骤进行操作：
- 引入wangEditor的JavaScript和CSS文件。可以通过在
<head>标签中添加<script>和<link>标签来引入相关文件。
<script src="path/to/wangEditor.min.js"></script>
<link rel="stylesheet" href="path/to/wangEditor.min.css">
- 在HTML页面中创建多个容器用来放置wangEditor实例。可以使用
<div>标签作为容器，并给每个容器设置一个唯一的ID。
<div id="editor1"></div>
<div id="editor2"></div>
- 在JavaScript中初始化wangEditor实例。通过调用
wangEditor.create()方法，传入容器的ID和配置项来创建实例。
var editor1 = wangEditor.create('#editor1', {
// 配置项1
});
var editor2 = wangEditor.create('#editor2', {
// 配置项2
});
- 可选：根据需要，可以为每个wangEditor实例设置不同的配置项，例如自定义菜单、设置高度等。
通过以上步骤，就可以在同一个页面中创建多个wangEditor实例了。每个实例都可以独立地编辑内容
原文地址: https://www.cveoy.top/t/topic/iYLi 著作权归作者所有。请勿转载和采集!