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