怎么在TP3.2.3框架中使用CKeditor編輯器上傳圖片

這篇文章給大家介紹怎么在TP3.2.3框架中使用CKeditor編輯器上傳圖片，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

1、下載編輯器什么的不用說了

2、修改config配置文件

config.image_previewText=' ';
config.filebrowserImageUploadUrl = 'uploadFiles';

添加這兩行代碼，上面的是去除預覽中的一堆沒有用的東西，下面的是上傳文件的方法名，

注意：：：方法名是和你頁面展示在一個控制器里的

3、控制器里添加如下代碼：

//編輯器上傳圖片處理
public function uploadFiles()
{
  $upload = new \Think\Upload();// 實例化上傳類
  $upload->maxSize  =   3145728 ;// 設置附件上傳大小
  $upload->exts   =   array('jpg', 'gif', 'png', 'jpeg');// 設置附件上傳類型
  $upload->rootPath =   './Uploads/img/'; // 設置附件上傳根目錄
  // 上傳單個文件
  $info  = $upload->uploadOne($_FILES['upload']);
  if( $info){
    $desname =$info['savepath'].$info['savename'];
    $previewname =" http://www.cjp.com/Uploads/img/".$desname;
    $callback = $_REQUEST["CKEditorFuncNum"];
    echo "<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction($callback,
'".$previewname."','');</script>";
  }else{
    echo "<font color=\"red\"size=\"2\">*文件格式不正確（必須為.jpg/.gif/.bmp/.png文件）</font>";
  }
}

然后就沒有然后了。。。

那個，HTML頁面引入的話，直接引入如下代碼：

<script type="text/javascript" src="__PUBLIC__/ckeditor/ckeditor.js"></script>
<textarea rows="30" cols="50" name="body"></textarea>
<script type="text/javascript">CKEDITOR.replace('body');</script>

關于怎么在TP3.2.3框架中使用CKeditor編輯器上傳圖片就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。