网站后台管理系统框架,有源代码怎么做网站,绿色企业网站,wap网站 趋势分析本文实例讲述了Laravel5.6框架使用CKEditor5相关配置。分享给大家供大家参考#xff0c;具体如下#xff1a;Laravel 相关配置文件的上传与存储参考文档#xff1a;创建符号链接php artisan storage:linkproject/public/storage - project/storage/app/public修改配置文…本文实例讲述了Laravel5.6框架使用CKEditor5相关配置。分享给大家供大家参考具体如下Laravel 相关配置文件的上传与存储参考文档创建符号链接php artisan storage:linkproject/public/storage - project/storage/app/public修改配置文件config/filesystem.phpdefault env(FILESYSTEM_DRIVER, public)修改nginx和php的配置文件中上传内容大小的限制#修改nginx配置文件vim /usr/local/nginx/conf/nginx.confhttp {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.inipost_max_size 20Mupload_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 上传文件的标准返回格式* 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\CreateControlleruploadFile);#从word中复制内容时自动上传图片路由Route::post(/create/uploadFileresponseTypejson,Admin\Articles\CreateControlleruploadFile);CKEditor相关配置CKEDITOR.replace(content,{height:500,fileTools_requestHeaders : {X-CSRF-TOKEN: $(meta[namecsrf-token]).attr(content)},isFileUploadSupported : true,filebrowserUploadUrl : /create/uploadFile,language : zh-cn,});Laravel-CSRF保护首先在页面head部分添加csrf参数然后为CKEditor编辑器的xhr请求增加请求头参数fileTools_requestHeaders : {X-CSRF-TOKEN: $(meta[namecsrf-token]).attr(content)}隐藏“浏览服务器”按钮“浏览服务器”按钮用于实现对已上传文件的管理可以借助CKFinder实现由于目前没有该需求并且引入该功能会导致文件安全问题本文采用了隐藏该按钮的方案。基本思路是从一下三个文件中查找关键字browseServer通过设置display属性隐藏该按钮。ckeditor/plugins/image/dialogs/image.jsckeditor/plugins/flash/dialogs/flash.jsckeditor/plugins/link/dialogs/link.jsimageflashlink由于ckeditor中的上传图片上传文件上传FLASH” 三个功能中都有“浏览服务器”按钮所以我们要修改3个JS文件先打开ckeditor文件夹中的ckeditor\plugins\image\dialogs\image.js文件CTRLF搜索browseServer”找到该词第一次出现的位置在后面添加双引号内的内容,style:display:none;。如下图再搜索filebrowser,找到该词第二次出现的位置如下图填入CTRLS保存该JS文件出去刷新下自己的ckeditor点击图片上传按钮后你会发现浏览服务器按钮不见了。下面去弄掉文件上传中的“浏览服务器”按钮。打开ckeditor\plugins\link\dialogs\link.js文件还是搜索browseServer第一次出现的地方如下图插入双引号内的内容,style:display:none;。CTRLS保存该JS文件出去刷新下自己的ckeditor点击“链接”按钮后你会发现“文件上传选项”中的浏览服务器按钮不见了。最后弄掉上传FLASH中的浏览服务器按钮打开ckeditor\plugins\flash\dialogs\flash.js文件还是搜索browseServer第一次出现的地方如上图位置处插入双引号内的内容,style:display:none;。(这个和上面的几乎一样就不截图了)。CTRLS保存该JS文件出去刷新下自己的ckeditor点击“上传FLASH”按钮后你会发现浏览服务器按钮不见了。至此一个从前端到后台浏览服务器被全面禁用了的ckeditor诞生了希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。
