设置内容

以下方式中,如果条件允许,尽量使用第一种方式,效率最高。

html 初始化内容

直接将内容写到要创建编辑器的 <div> 标签中。

  1. <div id="div1">
  2. <p>初始化的内容</p>
  3. <p>初始化的内容</p>
  4. </div>
  5. <!-- 引入 wangEditor.min.js -->
  6. <script type="text/javascript">
  7. const E = window.wangEditor
  8. const editor = new E('#div1')
  9. editor.create()
  10. </script>

js 设置内容

创建编辑器之后,使用 editor.txt.html(...) 设置编辑器内容。

  1. <div id="div1">
  2. </div>
  3. <!-- 引入 wangEditor.min.js -->
  4. <script type="text/javascript">
  5. const E = window.wangEditor
  6. const editor = new E('#div1')
  7. editor.create()
  8. editor.txt.html('<p>用 JS 设置的内容</p>') // 重新设置编辑器内容
  9. </script>