如何在thinkPHP中使用ueditor?針對這個問題,這篇文章詳細介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
1、首先需要下載ueditor
2、下載對應(yīng)的php版的,下載后重命名為ueditor,根據(jù)需要放到對應(yīng)的項目目錄中。我放的位置為Public/admin文件夾下,admin為后臺的訪問入口文件目錄。
3、在項目中的使用
首先需要引入核心的js文件:
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>
然后再文件中加入<textarea>標(biāo)簽,注意設(shè)置id屬性
復(fù)制代碼 代碼如下:
<textarea name="content" id="EditorId"> </textarea>
接著是初始化編輯器,注意配置路徑
<script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/"; window.onload=function(){ window.UEDITOR_CONFIG.initialFrameHeight=300;//編輯器的高度 window.UEDITOR_CONFIG.initialFrameWidth=800;//編輯器的寬度 var editor = new UE.ui.Editor({ imageUrl : '__APP__/Editor/uploadImage', fileUrl : '__APP__/Editor/uploadFile', imagePath : '', filePath : '', imageManagerUrl:'__APP__/Editor/imageManage', //圖片在線管理的處理地址 imageManagerPath:'__ROOT__/' }); editor.render("EditorId"); } </script>
注意:
1、UEDITOR_HOME_URL的路徑配置為ueditor所在的位置。
2、圖片上傳路徑的配置
3、editor.render("textarea的id一致");
至此一個便算基本完成。
但是,在IE9下,編輯器沒有一點效果,這是怎么回事呢?
在IE9下,需要把
復(fù)制代碼 代碼如下:
window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";
路徑設(shè)置代碼,放在引入js文件和初始化之間。
關(guān)于如何在thinkPHP中使用ueditor問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。
文章標(biāo)題:如何在thinkPHP中使用ueditor-創(chuàng)新互聯(lián)
鏈接地址:http://chinadenli.net/article26/dggijg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、域名注冊、軟件開發(fā)、ChatGPT、做網(wǎng)站、品牌網(wǎng)站設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)