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