zoukankan      html  css  js  c++  java
  • ckeditor富文本编辑器的基本配置设置:

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

    1.首先下载ckeditor4.6.2
    
    2.编辑器不提供直接选择图片上传,我们先修改pluginsimagedialogs模录下的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 ThinkUpload();// 实例化上传类
             $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>";  
            }  
        }
    

      

  • 相关阅读:
    Charles手机端抓包--证书
    新浪微盘批量下载
    [3140] Sublime Text 2.x, 3.x 通用注册码、密钥集合
    栈的数组实现
    栈的链表实现
    基数排序
    多项式相乘-数组实现
    最大子序列和问题的四种算法
    链表的实现
    时间同步算法与Simple Ring-based election algorithm算法分析-转载
  • 原文地址:https://www.cnblogs.com/yiweiyihang/p/8486920.html
Copyright © 2011-2022 走看看