首页  >  文章  >  web前端  >  houjs/hou-admin中引入ueditor编辑器步骤详解

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

php中世界最好的语言
php中世界最好的语言原创
2018-05-24 15:21:091739浏览

这次给大家带来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([&#39;&#39;libs/ueditor/ueditor.config&#39;,&#39;libs/ueditor/ueditor.all&#39;],function(){
    var ue = UE.getEditor(&#39;editor&#39;,{
        initialFrameHeight:400
    });
});

ok,到此刻就成功啦,怎么样,是不是houjs继承的很爽哈。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

JS中使用接口步骤详解

PromiseA+的实现步骤详解

以上是houjs/hou-admin中引入ueditor编辑器步骤详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn