使用模块定义

wangEditor 除了直接使用<script>引用之外，还支持AMD和CommonJS的引用方式。

AMD

以require.js为例演示

先创建main.js，代码为

require(['/wangEditor.min.js'], function (E) {
    var editor = new E('#editor')
    editor.create()
})

然后创建页面，代码为

<!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全是小写字母）

// 引用
var E = require('wangeditor')  // 使用 npm 安装
var E = require('/wangEditor.min.js')  // 使用下载的源码

// 创建编辑器
var editor = new E('#editor')
editor.create()

02-use-module.md 993 B History Raw

使用模块定义

AMD

CommonJS

02-use-module.md 993 B

History Raw