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

[初级] 集成:kindeditor ckeditor ueditor 库

[复制链接]
发表于 2011-12-26 16:06:02 | 显示全部楼层 |阅读模式
本帖最后由 sdink 于 2011-12-26 16:06 编辑

好吧 ,我看你们发这么多.我也来一个,
集成:kindeditor  ckeditor   ueditor 库:

下载到百度找吧。分别把下载解压到/plugins/editor/目录下
如kindeditor就解压到:/plugins/editor/kindeditor/

代码:

PHP复制代码
<?php
class Editors {
        var $id = '';
        var $name = '';
        var $value = '';
        var $textarea = '';
        var $height = '300px';
        var $minWidth = '474px';
        function __construct($params = array()) {
                $this->initialize ( $params );
        }
       
        public function initialize($params = array()) {
                if (count ( $params ) > 0) {
                        foreach ( $params as $key => $val ) {
                                if (isset ( $this->$key )) {
                                        $this->$key = $val;
                                }
                        }
                }
        }
        public function ueditor() {
                $sd = '<textarea id="' . $this->id . '" name="' . $this->id . '" style="height:300px;"> ' . $this->value . '</textarea>';
                $sd .= '<link rel="stylesheet" href="' . base_url () . 'plugins/editor/ueditor/themes/default/ueditor.css" />';
                $sd .= '<script charset="utf-8" src="' . base_url () . 'plugins/editor/ueditor/editor_config.js"></script>';
                $sd .= '<script charset="utf-8" src="' . base_url () . 'plugins/editor/ueditor/editor_all.js"></script>';
                $sd .= '<script>';
                $sd .= 'var editor;';
                $sd .= 'var editor = new baidu.editor.ui.Editor();';
                $sd .= 'editor.render(\'' . $this->id . '\');';
                $sd .= '</script>';
                return $sd;
        }
        public function kindeditor() {
                $sd = '<textarea id="' . $this->id . '" name="' . $this->id . '" style="height:300px;"> ' . $this->value . '</textarea>';
                //$sd .= '<link rel="stylesheet" href="' . base_url () . 'plugins/kindeditor/themes/default/skin.css" />';
                $sd .= '<script charset="utf-8" src="' . base_url () . 'plugins/editor/kindeditor/kindeditor.js"></script>';
                $sd .= '<script charset="utf-8" src="' . base_url () . 'plugins/editor/kindeditor/lang/zh_CN.js"></script>';
                $sd .= '<script>';
                $sd .= 'var editor;';
                $sd .= 'KindEditor.ready(function(K) {';
                $sd .= 'editor = K.create(\'#' . $this->id . '\',{\'uploadJson\' : \'' . site_url ( 'swfupload/uploadjson' ) . '?watermark=1\',\'width\':\'97%\',\'minWidth\':\'' . $this->minWidth . '\',\'minHeight\':\'300px\',\'resizeType\':\'0\',urlType : \'domain\'});';
                $sd .= '});';
                $sd .= '</script>';
                return $sd;
        }
        public function ckeditor() {
                $sd = '<textarea id="' . $this->id . '" name="' . $this->id . '" style="height:300px;"> ' . $this->value . '</textarea>';
                //$sd .= '<link rel="stylesheet" href="' . base_url () . 'plugins/kindeditor/themes/default/skin.css" />';
                $sd .= '<script charset="utf-8">window.CKEDITOR_BASEPATH="' . base_url () . 'plugins/editor/ckeditor/"</script>';
                $sd .= '<script charset="utf-8" src="' . base_url () . 'plugins/editor/ckeditor/ckeditor.js"></script>';
                $sd .= '<script>';
                $sd .= 'CKEDITOR.replace(\'' . $this->id . '\',{filebrowserImageUploadUrl:\'' . site_url ( 'swfupload/ckeditorjson' ) . '?watermark=1\'});';
                $sd .= '</script>';
                return $sd;
        }
        public function getedit($params = array(), $vs = 'ueditor') {
                if (count ( $params ) > 0) {
                        $this->initialize ( $params );
                }
                $sd = $this->$vs ();
                return $sd;
        }
 
}
复制代码


把上面的代码放在你的应用目录下的的libraries下.一般是在/application/libraries/

调用:

PHP复制代码
$this->load->library ( 'editors' );
                        $eddt = array ('name' => 'message', 'id' => 'message', 'value' => '', 'textarea' => 'class="textarea"' );
                        $data ['plugins'] = $this->editors->getedit ( $eddt );
 
复制代码


发表于 2012-1-2 01:02:08 | 显示全部楼层
mark
发表于 2012-1-3 09:50:35 | 显示全部楼层
mark ....
发表于 2012-1-3 21:08:55 | 显示全部楼层
mark
发表于 2012-1-11 13:54:15 | 显示全部楼层
不错!
发表于 2012-2-28 14:22:38 | 显示全部楼层
能给我点源码吗?很多还不会用!具体怎么弄 能详细讲下吗谢谢~~~
发表于 2012-3-1 16:16:27 | 显示全部楼层
呵呵 谢谢楼主,挺好,其实这个不需要对编辑器内部有多懂,直接拷过来就可以了,我正准备做一个个人网站,正好可以用下这个编辑器,谢谢楼主共享
发表于 2012-7-26 18:06:05 | 显示全部楼层
我插件安装好, 但不知道哪里修改? 没有看到任何入口啊?
发表于 2012-8-29 14:11:59 | 显示全部楼层
非常不错 就是在配置 百度的那个出现了一点问题 路径不对
改成这样了
PHP复制代码
        public function ueditor() {
                $sd ='<script type="text/javascript">window.UEDITOR_HOME_URL="/plugins/editor/ueditor/";</script>';
                $sd .= '<script type="text/javascript" charset="utf-8" src="' . base_url () . 'plugins/editor/ueditor/editor_config.js"></script>';
                $sd .= '<script type="text/javascript" charset="utf-8" src="' . base_url () . 'plugins/editor/ueditor/editor_all.js"></script>';
                $sd .= '<link rel="stylesheet" type="text/css" href="' . base_url () . 'plugins/editor/ueditor/themes/default/ueditor.css"/>';
                $sd .= '<script type="text/plain" id="' . $this->id . '"><p>' . $this->value . '</p></script>';
                //$sd .= '<textarea id="' . $this->id . '" name="' . $this->id . '" style="height:300px;"> ' . $this->value . '</textarea>';
                $sd .= '<script type="text/javascript">';
                $sd .= 'var ue = new UE.ui.Editor();';
                $sd .= 'ue.render("' . $this->id . '");';
                $sd .= '</script>';
                return $sd;
        }
复制代码

本版积分规则