thinkphp使用编辑器kindeditor

之前一直使用UEditor编辑器,但是UEditor代码过于冗余,不好用,让人受不了,就换了小巧的kindeditor编辑器,下面教大家如何来使用它
第一步:加入后端代码。后端代码和平时表单file上传文件是一样 ,只是返回数据必须是json:

    public function fileUpload()
    {
        if (IS_POST) {
            $upload = new \Think\Upload();// 实例化上传类
            $upload->maxSize   =     999999999 ;// 设置附件上传大小
            $upload->exts      =    array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
            $upload->rootPath  =     './Uploads/'; // 设置附件上传根目录
            $path='/Uploads/';//设置上传目录
            $file = $upload->upload();
            if ($file) {
                $file_url =__ROOT__.$path.$file['imgFile']['savepath'] . $file['imgFile']['savename'];//取得上传目录
                    echo json_encode(array('error' => 0, 'url' => $file_url));//返回的数据一定要是json
            } else {
                $this->error($upload->getError());//返回错误
            }
        }
    }

第二步,前端引入js:

<script charset="utf-8" src="/kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="/kindeditor/lang/zh_CN.js"></script>
<link rel="stylesheet" href="/kindeditor/themes/default/default.css" />     
       <script type="text/javascript">
           var editor; 
             KindEditor.ready(function(K) { 
             editor = K.create('textarea[name="content"]', { 
                    allowFileManager : true,
                     uploadJson:'{:U("fileUpload")}', //上传控制器所在url
                 afterBlur: function(){this.sync();}
                }); 
            }); 
    </script>

这就样可以使用了,是不是特别简单,kindeditor还有附件上传,单图上传,多图上传也是这样实现的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值