首頁  >  文章  >  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