一个页面多个编辑器

wangEditor 支持一个页面创建多个编辑器。

  1. <head>
  2.     <style type="text/css">
  3.         .toolbar {
  4.             background-color: #f1f1f1;
  5.             border: 1px solid #ccc;
  6.         }
  7.         .text {
  8.             border: 1px solid #ccc;
  9.             height: 200px;
  10.         }
  11.     </style>
  12. </head>
  13. <body>
  14.     <div id="div1" class="toolbar">
  15.     </div>
  16.     <div style="padding: 5px 0; color: #ccc">中间隔离带</div>
  17.     <div id="div2" class="text">
  18.         <p>第一个 demo（菜单和编辑器区域分开）</p>
  19.     </div>
  21.     <div id="div3">
  22.         <p>第二个 demo（常规）</p>
  23.     </div>
  25.     <!-- 引入 wangEditor.min.js -->
  26.     <script type="text/javascript">
  27.         const E = window.wangEditor
  29.         const editor1 = new E('#div1', '#div2')
  30.         editor1.create()
  32.         const editor2 = new E('#div3')
  33.         editor2.create()
  34.     </script>
  35. </body>