最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Laravel5.6框架使用CKEditor5相關(guān)配置詳解

 更新時(shí)間:2019年07月22日 10:05:05   作者:koastal  
這篇文章主要介紹了Laravel5.6框架使用CKEditor5相關(guān)配置,結(jié)合實(shí)例形式詳細(xì)分析了Laravel5.6框架整合CKEditor5編輯器相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了Laravel5.6框架使用CKEditor5相關(guān)配置。分享給大家供大家參考,具體如下:

Laravel 相關(guān)配置

文件的上傳與存儲(chǔ)

參考文檔:

https://laravel-china.org/docs/laravel/5.6/requests/1367#1d60f1
https://laravel-china.org/docs/laravel/5.6/filesystem/1390
https://docs.ckeditor.com/ckeditor4/latest/guide/dev_file_upload.html#response-file-uploaded-successfully

創(chuàng)建符號(hào)鏈接

php artisan storage:link 

project/public/storage -> project/storage/app/public

修改配置文件config/filesystem.php

'default' => env('FILESYSTEM_DRIVER', 'public')

修改nginx和php的配置文件中上傳內(nèi)容大小的限制

#修改nginx配置文件
vim /usr/local/nginx/conf/nginx.conf
http {
  include    mime.types;
  default_type application/octet-stream;
  client_max_body_size 10M;
  .....
}
#重啟nginx
/usr/local/nginx/sbin/nginx -s reload
#修改php-fpm配置文件
vim /usr/local/etc/php/7.2/php.ini
post_max_size = 20M
upload_max_filesize = 20M
#重啟php-fpm
/usr/local/sbin/php72-fpm restart

編寫文件處理方法

/**
 * 處理上傳文件
 * @return [type] [description]
 */
public function uploadFile(Request $request){
  $postFile = 'upload';
  $allowedPrefix = ['jpg','png','doc','docx','xls','xlsx','zip','ppt','pptx','rar','pdf'];
  //檢查文件是否上傳成功
  if(!$request->hasFile($postFile) || !$request->file($postFile)->isValid()){
    return $this->CKEditorUploadResponse(0,'文件上傳失敗');
  }
  $extension = $request->file($postFile)->extension();
  $size = $request->file($postFile)->getClientSize();
  $filename = $request->file($postFile)->getClientOriginalName();
  //檢查后綴名
  Log::info('extension',[$filename=>$extension]);
  if(!in_array($extension, $allowedPrefix)){
    return $this->CKEditorUploadResponse(0,'文件類型不合法');
  }
  //檢查大小
  Log::info('size',[$filename=>$size]);
  if($size > 10*1024*1024){
    return $this->CKEditorUploadResponse(0,'文件大小超過限制');
  }
  //保存文件
  $path = '/storage/'.$request->file($postFile)->store('images');
  return $this->CKEditorUploadResponse(1,'',$filename,$path);
}
/**
 * CKEditor 上傳文件的標(biāo)準(zhǔn)返回格式
 * @param [type] $uploaded [description]
 * @param string $error  [description]
 * @param string $filename [description]
 * @param string $url   [description]
 */
private function CKEditorUploadResponse($uploaded,$error='',$filename='',$url=''){
  return [
    "uploaded" => $uploaded,
    "fileName" => $filename,
    "url" => $url,
    "error" => [
      "message" => $error
    ]
  ];
}

路由配置

#文件上傳路由
Route::post('/create/uploadFile','Admin\Articles\CreateController@uploadFile');
#從word中復(fù)制內(nèi)容時(shí),自動(dòng)上傳圖片路由
Route::post('/create/uploadFile&responseType=json','Admin\Articles\CreateController@uploadFile');

CKEditor相關(guān)配置

CKEditor配置參數(shù):https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_config.html

CKEDITOR.replace('content',{
  height:500,
  fileTools_requestHeaders : {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  },
  isFileUploadSupported : true,
  filebrowserUploadUrl : '/create/uploadFile',
  language : 'zh-cn', 
}); 

Laravel-CSRF保護(hù)

相關(guān)文檔:
https://laravel-china.org/docs/laravel/5.6/csrf/1365
https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_config.html#cfg-fileTools_requestHeaders

首先,在頁面head部分添加csrf參數(shù)

<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">

然后,為CKEditor編輯器的xhr請(qǐng)求增加請(qǐng)求頭參數(shù)

fileTools_requestHeaders : {
  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}

隱藏“瀏覽服務(wù)器”按鈕

這里寫圖片描述 

“瀏覽服務(wù)器”按鈕,用于實(shí)現(xiàn)對(duì)已上傳文件的管理,可以借助CKFinder實(shí)現(xiàn),由于目前沒有該需求,并且引入該功能會(huì)導(dǎo)致文件安全問題,本文采用了隱藏該按鈕的方案。

參考附錄:ckeditor隱藏“瀏覽服務(wù)器”按鈕

基本思路是從一下三個(gè)文件中,查找關(guān)鍵字browseServer,通過設(shè)置display屬性隱藏該按鈕。

ckeditor/plugins/image/dialogs/image.js
ckeditor/plugins/flash/dialogs/flash.js
ckeditor/plugins/link/dialogs/link.js

image

這里寫圖片描述

flash

這里寫圖片描述

link

這里寫圖片描述

附錄:ckeditor隱藏“瀏覽服務(wù)器”按鈕

由于ckeditor中的"上傳圖片""上傳文件""上傳FLASH” 三個(gè)功能中都有“瀏覽服務(wù)器”按鈕,所以我們要修改3個(gè)JS文件,先打開ckeditor文件夾中的ckeditor\plugins\image\dialogs\image.js文件,CTRL+F,搜索"browseServer”,找到該詞第一次出現(xiàn)的位置,在后面添加雙引號(hào)內(nèi)的內(nèi)容",style:'display:none;'"。如下圖:

ckeditor 中去掉瀏覽服務(wù)器按鈕

再搜索"filebrowser",找到該詞第二次出現(xiàn)的位置,如下圖填入

ckeditor 中去掉瀏覽服務(wù)器按鈕

CTRL+S保存該JS文件,出去刷新下自己的ckeditor,點(diǎn)擊圖片上傳按鈕后,你會(huì)發(fā)現(xiàn)瀏覽服務(wù)器按鈕不見了。

下面去弄掉文件上傳中的“瀏覽服務(wù)器”按鈕。

打開ckeditor\plugins\link\dialogs\link.js文件,還是搜索"browseServer"第一次出現(xiàn)的地方,如下圖插入雙引號(hào)內(nèi)的內(nèi)容",style:'display:none;'"。

ckeditor 中去掉瀏覽服務(wù)器按鈕

CTRL+S保存該JS文件,出去刷新下自己的ckeditor,點(diǎn)擊“鏈接”按鈕后,你會(huì)發(fā)現(xiàn)“文件上傳選項(xiàng)”中的瀏覽服務(wù)器按鈕不見了。

最后弄掉上傳FLASH中的瀏覽服務(wù)器按鈕,打開ckeditor\plugins\flash\dialogs\flash.js文件,還是搜索"browseServer"第一次出現(xiàn)的地方,如上圖位置處插入雙引號(hào)內(nèi)的內(nèi)容",style:'display:none;'"。(這個(gè)和上面的幾乎一樣,就不截圖了)。CTRL+S保存該JS文件,出去刷新下自己的ckeditor,點(diǎn)擊“上傳FLASH”按鈕后,你會(huì)發(fā)現(xiàn)瀏覽服務(wù)器按鈕不見了。

至此,一個(gè)從前端到后臺(tái),瀏覽服務(wù)器被全面禁用了的ckeditor誕生了!

更多關(guān)于Laravel相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Laravel框架入門與進(jìn)階教程》、《php優(yōu)秀開發(fā)框架總結(jié)》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門教程》、《php+mysql數(shù)據(jù)庫操作入門教程》及《php常見數(shù)據(jù)庫操作技巧匯總

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

相關(guān)文章

  • 使用swoole擴(kuò)展php websocket示例

    使用swoole擴(kuò)展php websocket示例

    WebSocket規(guī)范的目標(biāo)是在瀏覽器中實(shí)現(xiàn)和服務(wù)器端雙向通信。雙向通信可以拓展瀏覽器上的應(yīng)用類型,如果你想要用PHP來寫websocket應(yīng)用,那swoole_framework一定是最好的選擇,需要的朋友可以參考下
    2014-02-02
  • PHP實(shí)現(xiàn)微信對(duì)賬單處理

    PHP實(shí)現(xiàn)微信對(duì)賬單處理

    這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)微信對(duì)賬單處理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-10-10
  • Zend Framework使用Zend_Loader組件動(dòng)態(tài)加載文件和類用法詳解

    Zend Framework使用Zend_Loader組件動(dòng)態(tài)加載文件和類用法詳解

    這篇文章主要介紹了Zend Framework使用Zend_Loader組件動(dòng)態(tài)加載文件和類用法,結(jié)合實(shí)例形式分析了Zend_Loader組件實(shí)現(xiàn)文件自動(dòng)加載與屬性判斷的相關(guān)使用技巧,需要的朋友可以參考下
    2016-12-12
  • Laravel事件監(jiān)聽器用法實(shí)例分析

    Laravel事件監(jiān)聽器用法實(shí)例分析

    這篇文章主要介紹了Laravel事件監(jiān)聽器用法,結(jié)合實(shí)例形式分析了Laravel事件監(jiān)聽器的注冊(cè)、使用相關(guān)流程及操作技巧,需要的朋友可以參考下
    2019-03-03
  • NativePHP使用PHP創(chuàng)建桌面應(yīng)用程序

    NativePHP使用PHP創(chuàng)建桌面應(yīng)用程序

    這篇文章主要為大家介紹了NativePHP使用PHP創(chuàng)建桌面應(yīng)用程序,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-12-12
  • php fckeditor 調(diào)用的函數(shù)

    php fckeditor 調(diào)用的函數(shù)

    showfck() 編輯器調(diào)用函數(shù)
    2009-06-06
  • 基于php設(shè)計(jì)模式中單例模式的應(yīng)用分析

    基于php設(shè)計(jì)模式中單例模式的應(yīng)用分析

    本篇文章是對(duì)php設(shè)計(jì)模式中單例模式的應(yīng)用進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下
    2013-05-05
  • PHP 芝麻信用接入的注意事項(xiàng)

    PHP 芝麻信用接入的注意事項(xiàng)

    本文給大家整理了接入芝麻api借口的兩點(diǎn)注意事項(xiàng),對(duì)php 芝麻信用接入感興趣的朋友通過本文一起學(xué)習(xí)吧
    2016-12-12
  • PHP 使用memcached簡(jiǎn)單示例分享

    PHP 使用memcached簡(jiǎn)單示例分享

    在很多場(chǎng)合,我們都會(huì)聽到 memcached 這個(gè)名字,但很多同學(xué)只是聽過,并沒有用過或?qū)嶋H了解過,只知道它是一個(gè)很不錯(cuò)的東東。這里簡(jiǎn)單介紹一下,memcached 是高效、快速的分布式內(nèi)存對(duì)象緩存系統(tǒng),主要用于加速WEB動(dòng)態(tài)應(yīng)用程序。今天我們就先來簡(jiǎn)單探討下memcached的用法
    2015-03-03
  • form自動(dòng)提交實(shí)例講解

    form自動(dòng)提交實(shí)例講解

    下面小編就為大家?guī)硪黄猣orm自動(dòng)提交實(shí)例講解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-07-07

最新評(píng)論

岳普湖县| 高雄县| 玉山县| 错那县| 颍上县| 徐水县| 黄骅市| 鸡东县| 论坛| 和田县| 宜丰县| 读书| 庄河市| 唐海县| 三河市| 桦甸市| 图们市| 赞皇县| 钟山县| 五大连池市| 雷州市| 朝阳市| 贺兰县| 郓城县| 确山县| 隆德县| 临洮县| 永胜县| 三台县| 九龙城区| 焉耆| 北京市| 冷水江市| 巫溪县| 陆河县| 儋州市| 清原| 通山县| 赤水市| 昌江| 安岳县|