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

      

  • 相关阅读:
    查看资源加载各环节具体耗时的利器
    WebStorm 格式化代码快捷键
    Android 如何使edittext默认失去焦点
    html语义化练习易牛课堂代码
    html网页练习豆瓣网
    HTML前期学习总结
    视频课阶段基础知识总结
    MQ、JMS 关系的理解
    Jvm参数配置
    Java泛型
  • 原文地址:https://www.cnblogs.com/yiweiyihang/p/8486920.html
Copyright © 2011-2022 走看看