在houjs/hou-admin中引入ueditor编辑器方案

230 阅读1分钟
原文链接: nai8.me

这个过程非常非常的简单,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继承的很爽哈。

最后贴一张结果图

houjs继承ueditor结果图