十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這期內容當中小編將會給大家?guī)碛嘘P如何在ThinkPHP項目中使用百度Ueditor,文章內容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
php是一個嵌套的縮寫名稱,是英文超級文本預處理語言,它的語法混合了C、Java、Perl以及php自創(chuàng)新的語法,主要用來做網(wǎng)站開發(fā),許多小型網(wǎng)站都用php開發(fā),因為php是開源的,從而使得php經(jīng)久不衰。
首先先初始化一些值:
然后再引入2個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() )); } }
我首先給大家看看代碼先,在繼續(xù)說明,
1、引入tp官方的文件上傳處理類,然后初始化一些配置,這些都不介紹了?。?/p>
2、判斷他是否上傳成功了,如果上傳成功了,就先獲取他的上傳成功的信息,然后把數(shù)組轉成json,用phpjson_encode。如果上傳失敗就把上傳失敗的信息直接返回!
以上都是在黃永成老師教程里面已經(jīng)說明了的!就不詳細說明了,不懂的就去看視頻!
在整合好了上傳后,發(fā)現(xiàn)上傳的圖片路徑被轉義了,一直顯示不出來如圖:
我就在顯示出數(shù)據(jù)的哪里用反轉義函數(shù),進行操作了一下{$article.content|stripslashes}這樣就是把轉義的字符串進行反轉義,這樣數(shù)據(jù)就能正常顯示了
如圖:
然后在前臺模版顯示數(shù)據(jù)的時候不僅要反轉義還要去掉html實體化,{$article.content|htmlspecialchars_decode|stripslashes}這樣就能正常顯示了!
還有喲個問題,百度編輯器當里面的內容增長時,他的高度也是增長的,如圖:
解決方案就是在Ueditor的配置文件ueditor.config.js,里面的第428行打開注釋,改成true,還有430行注釋打開把他改成你初始化的的高度對應就好了。如圖:
這樣編輯器就不會撐高了!如圖:
上述就是小編為大家分享的如何在ThinkPHP項目中使用百度Ueditor了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。