这个过程非常非常的简单,houjs是采用requirejs进行模块化管理,而ueditor也支持requirejs,无缝整合。
那么我们开始吧~
1
下载并配置 首先我们下载 ueditor 源代码到houjs/libs/ueditor内,我们要对ueditor的配置文件 ueditor.config.js 进行一项配置,主要是修改其 URL 值,在第23行前加一行即可。
window.UEDITOR_HOME_URL = '/houjs/js/libs/ueditor/';
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
2
使用 接下来我们就要使用ueditor啦,在html页面按照ueditor文档写下如下代码
<script id="editor" name="abc" type="text/plain"></script>
接下来就是js部分
requirejs([''libs/ueditor/ueditor.config','libs/ueditor/ueditor.all'],function(){
var ue = UE.getEditor('editor',{
initialFrameHeight:400
});
});
ok,到此刻就成功啦,怎么样,是不是houjs继承的很爽哈。
最后贴一张结果图