使用seajs
最后更新于:2022-04-01 23:42:50
wangEditor支持使用`sea.js`进行模块定义,通过一个demo演示一下。
-----
demo的源码结构是这样的:
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-02-24_56cdbb8ed4651.png)
首先,在`js`文件夹中引用`jquery`,**特别注意——jquery默认是不支持CMD的,必须对源码做出调整。调整内容功能如下:**
```js
//调整前:
if ( typeof define === "function" && define.amd ) {
define( "jquery", [], function() {
return jQuery;
});
}
//调整后:
if ( typeof define === "function") {
define( "jquery", [], function() {
return jQuery;
});
}
```
因此,调整后的名字修改为`jquery-2.2.1-for-seajs.js`。然后在`js`文件夹中引用`sea.js`
然后,创建一个`main.js`,将作为启动项在html页面中引用。代码如下:
```js
define(function(require, exports, module){
var $ = require('jquery');
require('wangEditor')($);
$(function(){
// 用来创建编辑器
var editor = new wangEditor('div1');
editor.create();
});
});
```
最后,创建一个html文件,**html文件和`main.js`最好在同一个目录下**。其中引用`seajs`:
```html
```
搞定!
---
PS:demo源码请参见 https://github.com/wangfupeng1988/wangEditor/tree/master/test/seajs
----
**注意,使用一个浏览器同时浏览requirejs和seajs的demo,可能出现混乱。这两种情况本来就不可共存,浏览demo时也请使用不同浏览器查看效果。**
';
请输入内容...