TP3.2.3使用CKeditor编辑器在页面中上传图片

最近项目里要添加编辑器,以为CKeditor比较出名,所以研究了一下。。。

1、下载编辑器什么的不用说了

2、修改config配置文件

config.image_previewText=' ';

config.filebrowserImageUploadUrl = 'uploadFiles';

添加这两行代码,上面的是去除预览中的一堆没有用的东西,下面的是上传文件的方法名,注意:::方法名是和你页面展示在一个控制器里的

3、控制器里添加如下代码:

//编辑器上传图片处理
public function uploadFiles()
{
    $upload = new \Think\Upload();// 实例化上传类
    $upload->maxSize   =     3145728 ;// 设置附件上传大小
    $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
    $upload->rootPath  =      './Uploads/img/'; // 设置附件上传根目录
    // 上传单个文件
    $info   = $upload->uploadOne($_FILES['upload']);
    if( $info){
        $desname =$info['savepath'].$info['savename'];
        $previewname =" http://www.cjp.com/Uploads/img/".$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>";
    }
}
然后就没有然后了。。。

那个,HTML页面引入的话,直接引入如下代码:

<script type="text/javascript" src="__PUBLIC__/ckeditor/ckeditor.js"></script>
<textarea rows="30" cols="50" name="body"></textarea>
<script type="text/javascript">CKEDITOR.replace('body');</script>
不过样式什么的我没有配置,大家自主发挥一下想象吧,,,,,,,,,,,,

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luyaran

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值