用户
 找回密码
 入住 CI 中国社区
搜索
查看: 11647|回复: 17
收起左侧

[库 Library] CI2.0中整合kindeditor

    [复制链接]
发表于 2011-5-17 17:50:22 | 显示全部楼层 |阅读模式
本帖最后由 lukeme 于 2011-5-17 17:49 编辑

在论坛中看了些整合kindeditor的帖子,发现kindeditor路径的设置,困扰了很多人,今天发个library,方便大家使用。
1、创建library
在ci2\application\libraries 下创建kindeditor.php 代码如下:
PHP复制代码
<?php
if (!defined('BASEPATH'))
    exit('No direct script access allowed');
 
class Kindeditor {
 
    private $save_path;
    private $save_url;
    private $ext_arr;
    private $max_size;
 
    public function __construct() {
        $this->save_path = FCPATH . 'uploadfile/';
        $this->save_url = base_url() . 'uploadfile/';
        $this->ext_arr = array('gif', 'jpg', 'jpeg', 'png', 'bmp');
        $this->max_size = 1000000;
    }
 
    public function upload($file) {
        if (empty($file) === FALSE) {
            //原文件名
            $file_name = $file['imgFile']['name'];
            //服务器上临时文件名
            $tmp_name = $file['imgFile']['tmp_name'];
            //文件大小
            $file_size = $file['imgFile']['size'];
            //检查文件名
            if (!$file_name) {
                $this->alert("请选择文件。");
            }
            //检查目录
            if (@is_dir($this->save_path) === false) {
                $this->alert("上传目录不存在。");
            }
            //检查目录写权限
            if (@is_writable($this->save_path) === false) {
                $this->alert("上传目录没有写权限。");
            }
            //检查是否已上传
            if (@is_uploaded_file($tmp_name) === false) {
                $this->alert("临时文件可能不是上传文件。");
            }
            //检查文件大小
            if ($file_size > $this->max_size) {
                $this->alert("上传文件大小超过限制。");
            }
            //获得文件扩展名
            $temp_arr = explode(".", $file_name);
            $file_ext = array_pop($temp_arr);
            $file_ext = trim($file_ext);
            $file_ext = strtolower($file_ext);
            //检查扩展名
            if (in_array($file_ext, $this->ext_arr) === false) {
                $this->alert("上传文件扩展名是不允许的扩展名。");
            }
            //新文件名
            $new_file_name = date("YmdHis") . '_' . rand(10000, 99999) . '.' . $file_ext;
            //移动文件
            $file_path = $this->save_path . $new_file_name;
            if (move_uploaded_file($tmp_name, $file_path) === false) {
                $this->alert("上传文件失败。");
            }
            @chmod($file_path, 0644);
            $file_url = $this->save_url . $new_file_name;
 
            header('Content-type: text/html; charset=UTF-8');
 
            echo json_encode(array('error' => 0, 'url' => $file_url));
            exit;
        }
    }
 
    public function alert($msg) {
        header('Content-type: text/html; charset=UTF-8');
        echo json_encode(array('error' => 1, 'message' => $msg));
        exit;
    }
 
    public function manage($path) {
        //根据path参数,设置各路径和URL
        if (empty($path)) {
            $current_path = realpath($this->save_path) . '/';
            $current_url = $this->save_url;
            $current_dir_path = '';
            $moveup_dir_path = '';
        } else {
            $current_path = realpath($this->save_path) . '/' . $path;
            $current_url = $this->save_url . $path;
            $current_dir_path = $path;
            $moveup_dir_path = preg_replace('/(.*?)[^\/]+\/$/', '$1', $current_dir_path);
        }
        //排序形式,name or size or type
        $order = empty($_GET['order']) ? 'name' : strtolower($_GET['order']);
 
//不允许使用..移动到上一级目录
        if (preg_match('/\.\./', $current_path)) {
            echo 'Access is not allowed.';
            exit;
        }
//最后一个字符不是/
        if (!preg_match('/\/$/', $current_path)) {
            echo 'Parameter is not valid.';
            exit;
        }
//目录不存在或不是目录
        if (!file_exists($current_path) || !is_dir($current_path)) {
            echo 'Directory does not exist.';
            exit;
        }
 
//遍历目录取得文件信息
        $file_list = array();
        if ($handle = opendir($current_path)) {
            $i = 0;
            while (false !== ($filename = readdir($handle))) {
                if ($filename{0} == '.')
                    continue;
                $file = $current_path . $filename;
                if (is_dir($file)) {
                    $file_list[$i]['is_dir'] = true; //是否文件夹
                    $file_list[$i]['has_file'] = (count(scandir($file)) > 2); //文件夹是否包含文件
                    $file_list[$i]['filesize'] = 0; //文件大小
                    $file_list[$i]['is_photo'] = false; //是否图片
                    $file_list[$i]['filetype'] = ''; //文件类别,用扩展名判断
                } else {
                    $file_list[$i]['is_dir'] = false;
                    $file_list[$i]['has_file'] = false;
                    $file_list[$i]['filesize'] = filesize($file);
                    $file_list[$i]['dir_path'] = '';
                    $file_ext = strtolower(array_pop(explode('.', trim($file))));
                    $file_list[$i]['is_photo'] = in_array($file_ext, $this->ext_arr);
                    $file_list[$i]['filetype'] = $file_ext;
                }
                $file_list[$i]['filename'] = $filename; //文件名,包含扩展名
                $file_list[$i]['datetime'] = date('Y-m-d H:i:s', filemtime($file)); //文件最后修改时间
                $i++;
            }
            closedir($handle);
        }
 
        usort($file_list, array($this, 'cmp_func'));
 
        $result = array();
//相对于根目录的上一级目录
        $result['moveup_dir_path'] = $moveup_dir_path;
//相对于根目录的当前目录
        $result['current_dir_path'] = $current_dir_path;
//当前目录的URL
        $result['current_url'] = $current_url;
//文件数
        $result['total_count'] = count($file_list);
//文件列表数组
        $result['file_list'] = $file_list;
 
//输出JSON字符串
        header('Content-type: application/json; charset=UTF-8');
        //echo $this->save_path, $this->save_url;
        echo json_encode($result);
    }
 
    public function cmp_func($a, $b) {
        global $order;
        if ($a['is_dir'] && !$b['is_dir']) {
            return -1;
        } else if (!$a['is_dir'] && $b['is_dir']) {
            return 1;
        } else {
            if ($order == 'size') {
                if ($a['filesize'] > $b['filesize']) {
                    return 1;
                } else if ($a['filesize'] < $b['filesize']) {
                    return -1;
                } else {
                    return 0;
                }
            } else if ($order == 'type') {
                return strcmp($a['filetype'], $b['filetype']);
            } else {
                return strcmp($a['filename'], $b['filename']);
            }
        }
    }
 
 
}
复制代码

2、创建控制器示例 editor.php
代码如下:
PHP复制代码
 
<?php
if (!defined('BASEPATH'))  exit('No direct script access allowed');
class editor extends CI_Controller{
    public function __construct() {
        parent::__construct();
        $this->load->library('kindeditor');
    }
 
    public function index(){        
        $data['uploadJSON'] = base_url().'editor/upload'; //更改图片上传
        $data['manageJSON'] = base_url().'editor/manage';//更改图片浏览
        $this->load->view('editor',$data);
    }
 
    public function upload(){
        if(!empty ($_FILES)){
            $this->kindeditor->upload($_FILES);
        }
    }
 
    public function manage(){
        $path = isset($_GET['path']) ? $_GET['path'] : '';
        $this->kindeditor->manage($path);
    }
 
 
}
 
 
 
复制代码



3、创建视图文件 editor.php
HTML复制代码
 
<html>
<head>
<title>Welcome to CodeIgniter</title>
<base href="<?=base_url();?>" />
<script charset="utf-8" type="text/javascript" src="assets/kindeditor/kindeditor.js"></script>
<script>
    KE.show({
        id : 'content1',
        allowFileManager : true,
        afterCreate : function(id) {
            KE.event.ctrl(document, 13, function() {
                KE.util.setData(id);
                document.forms['example'].submit();
            });
            KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {
                KE.util.setData(id);
                document.forms['example'].submit();
            });// 让CI来处理KindEditor的上传和图片浏览
            KE.g[id].imageUploadJson = '<?=$uploadJSON;?>';
            KE.g[id].fileManagerJson = '<?=$manageJSON;?>';

        }
    });
</script>  
</head>
<body>
<h1>Welcome to CodeIgniter!</h1>
<h3>默认模式</h3>
<form name="example" method="post" action="<?=base_url().'admin/add';?>">
  <textarea id="content1" name="content1" style="width:700px;height:300px;"></textarea>
  <br />
  <input type="submit" name="button" value="提交内容" />
  (提交快捷键: Ctrl + Enter)
</form>
</body>
 
 
复制代码



注:个人觉得还是有点儿麻烦,不过,kindeditor的路径,可以通过CI设定,还是方便了一点儿,希望大家有更好的办法。


评分

参与人数 1威望 +5 收起 理由
longniao + 5 很给力!

查看全部评分

发表于 2011-5-20 12:11:09 | 显示全部楼层
因为懒得调整kindeditor的样式,直接用了xheditor。
发表于 2011-7-17 21:38:55 | 显示全部楼层
谢谢分享。
发表于 2011-10-12 20:28:36 | 显示全部楼层
我用了一下,有问题啊。上传可以,就是管理显示不出来,能不能再解释一下。要注意哪些点。
发表于 2011-10-23 21:18:51 | 显示全部楼层
在IE下测试发现上传图片后IE的进度条一直在进行中,就是完成不了。
发表于 2011-11-14 09:56:12 | 显示全部楼层
真是太好了!
发表于 2011-11-14 17:40:09 | 显示全部楼层
{:soso_e113:}顶一下
发表于 2011-11-25 10:44:15 | 显示全部楼层
发表于 2011-11-25 11:21:51 | 显示全部楼层
kindeditor  不错。支持国产   
发表于 2011-11-29 03:07:49 | 显示全部楼层
真的太好了··太感谢楼主了

本版积分规则