使用JS模块定义 · wangEditor3使用手册

# 使用模块定义 wangEditor 除了直接使用`<script>`引用之外，还支持`AMD`和`CommonJS`的引用方式。 ## AMD 以`require.js`为例演示先创建`main.js`，代码为 ```javascript require(['/wangEditor.min.js'], function (E) { var editor = new E('#editor') editor.create() }) ``` 然后创建页面，代码为 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>wangEditor demo</title> </head> <body> <div id="editor"> <p>欢迎使用 wangEditor 富文本编辑器</p> </div> <script data-main="./main.js" src="//cdn.bootcss.com/require.js/2.3.3/require.js"></script> </body> </html> ``` ## CommonJS 可以使用`npm install wangeditor`安装（注意，这里`wangeditor`全是**小写字母**） ```javascript // 引用 var E = require('wangeditor') // 使用 npm 安装 var E = require('/wangEditor.min.js') // 使用下载的源码 // 创建编辑器 var editor = new E('#editor') editor.create() ```