主頁 > 知識(shí)庫 > TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法分析

TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法分析

熱門標(biāo)簽:百應(yīng)電話機(jī)器人服務(wù) 山西探意電話機(jī)器人 青島語音外呼系統(tǒng)招商 騰訊外呼管理系統(tǒng) 揚(yáng)州地圖標(biāo)注app 昭通辦理400電話 山西回?fù)芡夂粝到y(tǒng) 河南電銷卡外呼系統(tǒng)哪家強(qiáng) 岳陽外呼型呼叫中心系統(tǒng)在哪里

本文實(shí)例講述了TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法。分享給大家供大家參考,具體如下:

最近項(xiàng)目里要添加編輯器,以為CKeditor比較出名,所以研究了一下。。。

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

2、修改config配置文件

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

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

注意:::方法名是和你頁面展示在一個(gè)控制器里的

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

//編輯器上傳圖片處理
public function uploadFiles()
{
  $upload = new \Think\Upload();// 實(shí)例化上傳類
  $upload->maxSize  =   3145728 ;// 設(shè)置附件上傳大小
  $upload->exts   =   array('jpg', 'gif', 'png', 'jpeg');// 設(shè)置附件上傳類型
  $upload->rootPath =   './Uploads/img/'; // 設(shè)置附件上傳根目錄
  // 上傳單個(gè)文件
  $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>";
  }
}

然后就沒有然后了。。。

那個(gè),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>

不過樣式什么的我沒有配置,大家自主發(fā)揮一下想象吧

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:
  • thinkphp3.2嵌入百度編輯器ueditor的實(shí)例代碼
  • ThinkPHP中使用Ueditor富文本編輯器
  • ThinkPHP自動(dòng)轉(zhuǎn)義存儲(chǔ)富文本編輯器內(nèi)容導(dǎo)致讀取出錯(cuò)的解決方法
  • ThinkPHP中FCKeditor編輯器的使用方法
  • 利用Electron簡單擼一個(gè)Markdown編輯器的方法
  • 利用Vue實(shí)現(xiàn)一個(gè)markdown編輯器實(shí)例代碼
  • vue中利用simplemde實(shí)現(xiàn)markdown編輯器(增加圖片上傳功能)
  • SpringBoot使用Editor.md構(gòu)建Markdown富文本編輯器示例
  • Thinkphp5框架中引入Markdown編輯器操作示例

標(biāo)簽:南陽 宜賓 湛江 黃南 婁底 銅川 鎮(zhèn)江 寶雞

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法分析》,本文關(guān)鍵詞  TP3.2.3,框架,使用,CKeditor,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法分析》相關(guān)的同類信息!
  • 本頁收集關(guān)于TP3.2.3框架使用CKeditor編輯器在頁面中上傳圖片的方法分析的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章