1.首先下载ckeditor4.6.2

2.编辑器不提供直接选择图片上传,我们先修改\plugins\image\dialogs模录下的image.js搜索“upload”可以找到这一段
id:'Upload',hidden:true

3.删除image.js中d.config.image_previewText||"...",把这个引号里的内容那个删除,这引号的内容就是预览框中的文字。

4.为编辑器设置上传路径

方法一: 在html页面,就是放编辑器的那个页面,添加定义,就是图片上传到的路径,“/控制器/方法名”

CKEDITOR.replace( 'editor', {
         filebrowserImageUploadUrl  :  '{:U('Admin/img/ck_upload')}'
    });

方法二:修改编辑器的config.js,加入config.filebrowserUploadUrl="上传路径";

5.在相对应的控制器下创建该方法
function ck_upload($ftype = 'image')
    {   
         $upload = new \Think\Upload();// 实例化上传类
         $upload->maxSize   =     3145728 ;// 设置附件上传大小
         $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
         $upload->rootPath  =      './Public/Uploads/'; // 设置附件上传根目录
         // 上传单个文件 
         $info   = $upload->uploadOne($_FILES['upload']); 
        if( $info){  
            $desname =$info['savepath'].$info['savename'];
            $previewname =" http://127.0.01/tym/Public/Uploads/".$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>";  
        }  
    }

ckeditor4.6.2上传图片thinphp3.3.2相关推荐

  1. CKEditor4.4.5 插入高度代码及上传图片

    1.首先准备所需要的插件 (1). CKEditor4.4.5  下载地址:http://ckeditor.com/download.如果不想下载直接引用CKEditor的CDN也是可以的.cdn地址 ...

  2. 关于CKEditor4.5.6的使用,自定义toolbar配置,上传图片案例(SpringMVC+MyBatis案例),自定义行高,去编辑器的中内容,将编辑器中内容设置到指定的位置等

     关于CKEditor的一个配置整理,改文件为config.js: 文件内容如下: /**  * @license Copyright (c) 2003-2016, CKSource - Fred ...

  3. CKeditor4.7.3标准版图片上传及相关配置

    说明 CKeditor版本 ckeditor_4.7.3_standard Tomcat版本 apache-tomcat-8.0.44 下载CKeditor和CKeditor文档 https://ck ...

  4. 自定义CKeditor上传图片按钮

    背景:之前公司的项目中用的是KindEditor富文本编辑器,后来发现有上传漏洞,所以项目中用了CKeditor富文本编辑器.But 发现自带的上传图片按钮并不能将上传的图片保存到服务器上,So 下面 ...

  5. 关于ckeditor富文本编辑器上传图片返回“不正确的服务器响应”的解决方案

    最新由于项目需要,使用了ckeditor富文本编辑器,需要上传图片.在使用过程中突然发现,原来的ckeditor返回图片地址的方式返回"不正确的服务器响应".当时感觉好奇怪啊.明明 ...

  6. vue使用CKEditor4编辑器

    目录 工具安装 皮肤使用 占位符使用 调整编辑器的大小 增强图片上传 完整代码: 官网地址https://ckeditor.com/ckeditor-4/download/输入命令 npm insta ...

  7. php ckeditor 上传图片,CKEditor图片上传的PHP实现

    编辑文章是网站后台的常用功能,CKEditor是目前流行的富文本编辑器,它使用方便但要做一些配置才能实现上传本地图片到服务器的功能.在参考了一篇java下CKEditor图片上传的博文后,我用PHP实 ...

  8. 富文本编辑器 CKeditor 配置使用+上传图片

    参考文献: 富文本编辑器 CKeditor 配置使用 CKEditor与CKFinder的配置(ASP.NET环境),老版本可以参考 CKEditor+CKFinder ASP版在本地电脑中的配置  ...

  9. CKEditor上传图片

    转载链接:https://blog.csdn.net/saytime/article/details/51416411 前言 CKEditor其实不需要多介绍,最早之前叫FCKEditor,后面改名了 ...

最新文章

  1. AltiumDesigner 热焊盘铺铜
  2. asp.net中URL参数传值中文乱码的三种解决办法
  3. boost::movelib::default_delete相关用法的测试程序
  4. mybatis初始化过程
  5. 7 种 JavaScript 技巧使你更聪明
  6. gettype_PHP gettype()函数与示例
  7. each函数循环数据表示列举,列举循环的时候添加dom的方法
  8. Android客户端与服务器之间传递json数据
  9. Fragment与Activity传递数据
  10. 收集灵感必备|文字这样组合排版那才叫设计
  11. iOS百度地图的相关开发(一)
  12. VisualBrush
  13. Google 对战微软阿里,AIoT 进入“战国时代”!
  14. 当遭遇TCP洪水(SYN Flood)后的的诊断思路和处理过程
  15. VUE+element-ui开发出的美观好看的登录注册模板组件 集成方便
  16. ARM开发经典学习网站推荐【转】
  17. 电信猫的无线无法连接服务器,光纤猫连接路由器无法上网怎么办
  18. css 点击事件击穿
  19. 爬取天气时常用的城市代码(备忘)
  20. T3:LOJ2332「JOI 2017 Final」焚风现象.cpp

热门文章

  1. 洛阳理工JAVA期末考试_洛阳理工学院2010/2011学年第一学期基础体育理论期末考试试题答案...
  2. 使用 Smart Security 实现安全控制
  3. 897. 最长公共子序列
  4. CAD库中统计PBN运行航路条数和总距离
  5. express 获取ip地址,并获取ip对应的城市名
  6. 蒙氏三段卡 幼儿识字 补笔画 闪卡
  7. 看图工具 -- 蓝湖 Axure 墨刀
  8. activiti-流程变量
  9. 2021年中国电气工业百强企业排行榜:7家企业主营业务收入破百亿,上市企业占4席(附年榜TOP100详单)
  10. 一文了解干簧管的用法