houjs/hou-admin中引入ueditor编辑器步骤详解

程序员文章站 2022-04-10 18:09:37

...

这次给大家带来houjs/hou-admin中引入ueditor编辑器步骤详解，houjs/hou-admin中引入ueditor编辑器的注意事项有哪些，下面就是实战案例，一起来看一下。

下载并配置首先我们下载 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();

使用接下来我们就要使用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继承的很爽哈。

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！