CKEditor结合CKFinder上传管理图片教程
CKEditor编辑器已不再自带图片上传功能,如果需要用到上传图片的功能,要么自己开发,不想自己开发的可以使用官方的文件管理CKFinder进行图片的上传管理!
CKFinder是一款强大而易于使用的Web浏览器的Ajax文件管理器,可以配合CKEditor编辑器进行图片文件的上传管理,下面介绍基本的使用方法:
首先到官方网站下载CKEditor和CKFinder,这里下载的是PHP版本的CKFinder,所以在使用前确保已安装PHP的运行环境,然后在需要显示编辑器的地方调用编辑器,如不会调用编辑器的,请看这篇文章《CKEditor编辑器在项目中简单的调用方法》
1、打开CKEditor文件夹找到配置文件“config.js”,在里面写入下面代码然后保存,注意根据自己的项目需求修改下面的链接:
config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html'; config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?type=Images'; config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?type=Flash'; config.filebrowserUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files'; config.filebrowserImageUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images'; config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
2、打开CKFinder配置文件“config.php”找到如下代码:
$config['authentication'] = function () { return false; };
将“false”改为“true”,保存!
此时点击编辑器图片上传按钮,上传标签和浏览服务器功能已经出现了,上传一张图片试试,如下图所示:
图片显示已经上传成功了,然后我们点击浏览服务器按钮,如下图所示:
这里会显示已经上传的图片,如果图片比较多的话,可以到CKFinder文件管理器中进行批量上传,点击图片可以进一步操作,如下图所示:
但是我们在点击“删除”图片操作的时候会弹出提示“ This is a demo version of CKFinder 3 ”,其实CKFinder是要收费的,所谓的试用版,也和收费之后一样的功能,只是无法删除图片会有提示而已,看着不爽,用起来还是一样,如果实在不行,可以在网上找一下破解方法。
3、去除图片预览里的英文提示的方法:
找到CKEditor编辑器的配置文件“config.js”,在里面写入下面一行代码:
config.image_previewText=' '; //预览区域显示内容
从新打开编辑器发现已经没了提示:
(资源库 www.zyku.net)
栏 目:工具资源
下一篇:CKEditor编辑器上传图片禁止自动设置宽高的方法
本文标题:CKEditor结合CKFinder上传管理图片教程
本文地址:https://www.zyku.net/gongju/1575.html
您可能感兴趣的文章
- 06-26CKEditor 4 编辑器添加code标签按钮的方法
- 05-14CKEditor 5 编辑器设置语言高度以及项目中调用方法
- 05-13CKEditor 5 在线生成工具online-builder使用方法
- 05-13CKEditor 5 npm方式安装调用与配置教程
- 01-12CKEditor常用配置属性整理
- 12-20CKEditor编辑器上传图片禁止自动设置宽高的方法
- 12-13CKEditor利用ThinkPHP上传图片的方法
- 12-01CKEditor编辑器在项目中简单的调用方法
- 11-30CKEditor 4.x 代码高亮插件SyntaxHighlighter和Code S
- 06-18帝国CMS7.5版编辑器升级为CKEditor编辑器,更实用
- 03-24vivos7抬起亮屏设置步骤教程
- 11-10苹果12怎样开启单手模式
- 02-10pytorch model.cuda()花费时间很长的
- 03-16iqooneo5活力版设置超级省电教程
- 09-26oppo手机怎样唤醒语音助手
- 01-11千纳美律师端-千纳美律师端应用软件功
- 06-23php中input的onclick,onkeydown、onke
- 10-19曹操出行发票在哪里开
- 06-25天翼云
- 01-25ios14系统字体更换教程
最近更新
阅读排行
猜你喜欢
- 03-21vivoy76s开启来电闪光提醒教程
- 12-29监理工程师考试聚题库-监理工程师考试
- 02-23DedeCMS定时自动生成首页HTML的方法
- 11-01华为儿童手表怎么登录微信
- 12-08ipad怎样设置返回键
- 10-23淘宝喵糖组队如何退出
- 01-11云新学校管理教师端-云新学校管理教师
- 07-05Linux tty命令
- 02-27帝国CMS弹出下载和直接下载的两种调用
- 10-17爱奇艺定向流量包怎么退