使用require.js
如果你的项目中使用了requirejs
,并希望编辑器能支持。 很荣幸,wangEditor可以做到。
demo文档结构如下:
在js
文件夹中引入require.js
,再创建一个 main.js
,作为启动项,并在其中使用 requirejs 定义 wangEditor 。 (注意,wangEditor依赖于jquery
,所以这里必须有jquery
的定义)
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 即可。
<div id="div1">
<p>请输入内容...</p>
</div>
...省略其他代码...
<!--引用requirejs,设置 main.js 作为启动项-->
<script data-main="js/main" src="js/require.js"></script>
PS:demo源码请参见 https://github.com/wangfupeng1988/wangEditor/tree/master/test/requirejs
注意,使用一个浏览器同时浏览requirejs和seajs的demo,可能出现混乱。这两种情况本来就不可共存,浏览demo时也请使用不同浏览器查看效果。