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

文章导航