使用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时也请使用不同浏览器查看效果。**
';