這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)如何在ThinkPHP項(xiàng)目中使用百度Ueditor，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)基于成都重慶香港及美國(guó)等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動(dòng)大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)服務(wù)器托管報(bào)價(jià)，主機(jī)托管價(jià)格性價(jià)比高，為金融證券行業(yè)成都電信服務(wù)器托管，ai人工智能服務(wù)器托管提供bgp線路100M獨(dú)享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。

php有什么用

php是一個(gè)嵌套的縮寫名稱，是英文超級(jí)文本預(yù)處理語(yǔ)言，它的語(yǔ)法混合了C、Java、Perl以及php自創(chuàng)新的語(yǔ)法，主要用來(lái)做網(wǎng)站開(kāi)發(fā)，許多小型網(wǎng)站都用php開(kāi)發(fā)，因?yàn)閜hp是開(kāi)源的，從而使得php經(jīng)久不衰。

首先先初始化一些值：

  window.UEDITOR_HOME_URL = "/Public/ueditor/"; //UEDITOR_HOME_URL、config、all這三個(gè)順序不能改變
  window.onload=function(){
    window.UEDITOR_CONFIG.initialFrameHeight=300;//編輯器的高度
    window.UEDITOR_CONFIG.imageUrl="{:U('admin/Category/checkPic')}";     //圖片上傳提交地址
    window.UEDITOR_CONFIG.imagePath=' /Uploads/thumb/';//編輯器調(diào)用圖片的地址
    UE.getEditor('contents');//里面的contents是我的textarea的id值
    
    }
 

然后再引入2個(gè)js文件，分別是:1、ueditor.all.min.js 2、ueditor.config.js
在這里申明一下 我以上說(shuō)的調(diào)用方式，順序絕對(duì)不能亂，亂了就會(huì)出問(wèn)題了，所以你就按照我的按部就班的做吧！

因?yàn)槲抑貙懥司庉嬈鞯膱D片提交地址，所以我還得在控制器里面寫一個(gè)對(duì)圖片處理的方法。

代碼如下：

//改變Ueditor 默認(rèn)圖片上傳路徑
    public function checkPic(){
      import('ORG.Net.UploadFile');
       $upload = new UploadFile();// 實(shí)例化上傳類
       $upload->allowExts = array('jpg', 'gif', 'png', 'jpeg');// 設(shè)置附件上傳類型
       $upload->autoSub =true ;
       $upload->subType ='date' ;
       $upload->dateFormat ='ym' ;
       $upload->savePath = './Uploads/thumb/';// 設(shè)置附件上傳目錄
       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ù)說(shuō)明，

1、引入tp官方的文件上傳處理類，然后初始化一些配置，這些都不介紹了??！

2、判斷他是否上傳成功了，如果上傳成功了，就先獲取他的上傳成功的信息，然后把數(shù)組轉(zhuǎn)成json，用phpjson_encode。如果上傳失敗就把上傳失敗的信息直接返回！

以上都是在黃永成老師教程里面已經(jīng)說(shuō)明了的！就不詳細(xì)說(shuō)明了，不懂的就去看視頻！

在整合好了上傳后，發(fā)現(xiàn)上傳的圖片路徑被轉(zhuǎn)義了，一直顯示不出來(lái)如圖：

我就在顯示出數(shù)據(jù)的哪里用反轉(zhuǎn)義函數(shù)，進(jìn)行操作了一下{$article.content|stripslashes}這樣就是把轉(zhuǎn)義的字符串進(jìn)行反轉(zhuǎn)義，這樣數(shù)據(jù)就能正常顯示了
如圖：

然后在前臺(tái)模版顯示數(shù)據(jù)的時(shí)候不僅要反轉(zhuǎn)義還要去掉html實(shí)體化，{$article.content|htmlspecialchars_decode|stripslashes}這樣就能正常顯示了！

還有喲個(gè)問(wèn)題，百度編輯器當(dāng)里面的內(nèi)容增長(zhǎng)時(shí)，他的高度也是增長(zhǎng)的，如圖：

解決方案就是在Ueditor的配置文件ueditor.config.js，里面的第428行打開(kāi)注釋，改成true，還有430行注釋打開(kāi)把他改成你初始化的的高度對(duì)應(yīng)就好了。如圖：

這樣編輯器就不會(huì)撐高了！如圖：

上述就是小編為大家分享的如何在ThinkPHP項(xiàng)目中使用百度Ueditor了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享標(biāo)題：如何在ThinkPHP項(xiàng)目中使用百度Ueditor-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://news.spvevtbd.cn/article/gesoi.html