ThinkPHP整合百度Ueditor圖文教程

2020-03-22 18:27:47

字體：大中小

來源：轉載

供稿：網友

ThinkPHP整合百度Ueditor，基于黃永成老師的視頻說明的
申明：最好大家都能寫絕對路徑的都寫好絕對路徑比如：window.UEDITOR_HOME_URL
他在教程里面已經說了的，我就不再次說了啊，就一筆帶過，好了不廢話！
在調用編輯器的時候首先先初始化一些值： script type="text/javascript" charset="utf-8" window.UEDITOR_HOME_URL = "/Public/ueditor/"; //UEDITOR_HOME_URL、config、all這三個順序不能改變 window.onload=function(){ window.UEDITOR_CONFIG.initialFrameHeight=300;//編輯器的高度 window.UEDITOR_CONFIG.imageUrl="{:U('admin/Category/checkPic')}"; //圖片上傳提交地址 window.UEDITOR_CONFIG.imagePath=' /Uploads/thumb/';//編輯器調用圖片的地址 UE.getEditor('contents');//里面的contents是我的textarea的id值 /script 然后再引入2個html' target='_blank'>js文件，分別是:1、ueditor.all.min.js 2、ueditor.config.js
在這里申明一下我以上說的調用方式，順序絕對不能亂，亂了就會出問題了，所以你就按照我的按部就班的做吧！
因為我重寫了編輯器的圖片提交地址，所以我還得在控制器里面寫一個對圖片處理的方法。
代碼如下：//改變Ueditor 默認圖片上傳路徑 public function checkPic(){ import('ORG.Net.UploadFile'); $upload = new UploadFile();// 實例化上傳類 $upload- allowExts = array('jpg', 'gif', 'png', 'jpeg');// 設置附件上傳類型 $upload- autoSub =true ; $upload- subType ='date' ; $upload- dateFormat ='ym' ; $upload- savePath = './Uploads/thumb/';// 設置附件上傳目錄 if($upload- upload()){ $info = $upload- getUploadFileInfo(); echo json_encode(array( 'url'= $info[0]['savename'], 'title'= htmlspecialchars($_POST['pictitle'], ENT_QUOTES), 'original'= $info[0]['name'], 'state'= 'SUCCESS' }else{ echo json_encode(array( 'state'= $upload- getErrorMsg() }我首先給大家看看代碼先，在繼續說明，
1、引入tp官方的文件上傳處理類，然后初始化一些配置，這些都不介紹了啊！
2、判斷他是否上傳成功了，如果上傳成功了，就先獲取他的上傳成功的信息，然后把數組轉成json，用phpjson_encode。如果上傳失敗就把上傳失敗的信息直接返回！
以上都是在黃永成老師教程里面已經說明了的！就不詳細說明了，不懂的就去看視頻！
在整合好了上傳后，發現上傳的圖片路徑被轉義了，一直顯示不出來如圖：
我就在顯示出數據的哪里用反轉義函數，進行操作了一下{$article.content|stripslashes}這樣就是把轉義的字符串進行反轉義，這樣數據就能正常顯示了
如圖：然后在前臺模版顯示數據的時候不僅要反轉義還要去掉html實體化，{$article.content|htmlspecialchars_decode|stripslashes}這樣就能正常顯示了！
還有喲個問題，百度編輯器當里面的內容增長時，他的高度也是增長的，如圖：
解決方案就是在Ueditor的配置文件ueditor.config.js，里面的第428行打開注釋，改成true，還有430行注釋打開把他改成你初始化的的高度對應就好了。如圖：
這樣編輯器就不會撐高了！如圖：
完結！！！說的不好的大神勿噴~~這個只是分享交流，如果說錯了指出來就行了謝謝~~~
補充說明：關于Ueditor在ie7下面調用不出來的bug問題解決辦法，這個是前天逛網址的時候，發現一個人的這個問題的，因為我只有人見人愛的ie6，也都沒有去測試，所以還是別人提醒，現在更正一下ie7的bug解決方案~感謝這位大濕啊~
如圖：PHP教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：微信企業紅包開發(php)

下一篇：PHP中常用的輸出函數總結