ckeditor富文本编辑器的基本配置设置:

原文地址:http://blog.csdn.net/wei365456yin/article/details/54618970?locationNum=5&fps=1

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

  

 

posted @ 2018-03-01 09:44  生如逆旅,一苇以航  阅读(373)  评论(0编辑  收藏  举报