ThinkPHP整合百度Ueditor圖文教程，_PHP教程

ThinkPHP整合百度Ueditor圖文教程，

ThinkPHP整合百度Ueditor，基於黃永成老師的視頻說明的
申明：最好大家都能寫絕對路徑的都寫好絕對路徑比如：window.UEDITOR_HOME_URL

他在教程裡面已經說了的，我就不再次說了啊，就一筆帶過，好了不廢話！

在調用編輯器的時候首先先初始化一些值：

然後再引入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()         ));           }       }

我首先給大家看看代碼先，在繼續說明，

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解決方案~感謝這位大濕啊~

http://www.bkjia.com/PHPjc/897696.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/897696.htmlTechArticleThinkPHP整合百度Ueditor圖文教程， ThinkPHP整合百度Ueditor，基於黃永成老師的視頻說明的 申明：最好大家都能寫絕對路徑的都寫好絕對路徑比...

