ckeditor4.6.2上传图片thinphp3.3.2

本文介绍如何配置CKEditor 4.6.2版本实现图片上传功能,包括修改编辑器源码、设置上传路径及后端处理逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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>";  
        }  
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值