50 lines
993 B
Markdown
50 lines
993 B
Markdown
|
# 使用模块定义
|
|||
|
|
|
|||
|
|
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()
|
|||
|
|
```
|