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