使用require.js
最后更新于:2022-04-01 23:42:48
如果你的项目中使用了`requirejs`,并希望编辑器能支持。 很荣幸,wangEditor可以做到。
demo文档结构如下:
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-02-24_56cdbb8644370.png)
在`js`文件夹中引入`require.js`,再创建一个 `main.js` ,作为启动项,并在其中使用 requirejs 定义 wangEditor 。 (注意,wangEditor依赖于`jquery`,所以这里必须有`jquery`的定义)
```javascript
require.config({
paths: {
// 相对于 main.js 的相对路径
jquery: '../../../dist/js/lib/jquery-1.10.2.min',
wangEditor: '../../../dist/js/wangEditor.min'
}
});
require(['wangEditor'], function(){
$(function(){
var editor = new wangEditor('div1');
editor.create();
});
});
```
下一步,在html页面中,引用 requirejs 即可。
```html
...省略其他代码...
```
---
PS:demo源码请参见 https://github.com/wangfupeng1988/wangEditor/tree/master/test/requirejs
----
**注意,使用一个浏览器同时浏览requirejs和seajs的demo,可能出现混乱。这两种情况本来就不可共存,浏览demo时也请使用不同浏览器查看效果。**
';
请输入内容...