集成：kindeditor ckeditor ueditor 库

sdink 发表于 2011-12-26 16:06:02

本帖最后由 sdink 于 2011-12-26 16:06 编辑

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

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

代码:

<?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/

调用：

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

http://codeigniter.org.cn/forums/data/attachment/album/201112/26/1603342c8833ok8hxkk748.jpghttp://codeigniter.org.cn/forums/data/attachment/album/201112/26/1603341jl2dzi2tm1imkek.jpghttp://codeigniter.org.cn/forums/data/attachment/album/201112/26/160332hjajgzlh9zhcejaw.jpg

niki090 发表于 2012-1-2 01:02:08

mark:o

手心手背 发表于 2012-1-3 09:50:35

mark ....

muyeyifan 发表于 2012-1-3 21:08:55

mark:D

muyeyifan 发表于 2012-1-11 13:54:15

不错！:victory:

sola 发表于 2012-2-28 14:22:38

能给我点源码吗？很多还不会用！具体怎么弄能详细讲下吗谢谢～～～

璟颐佛 发表于 2012-3-1 16:16:27

呵呵谢谢楼主，挺好，其实这个不需要对编辑器内部有多懂，直接拷过来就可以了，我正准备做一个个人网站，正好可以用下这个编辑器，谢谢楼主共享

onenature 发表于 2012-7-26 18:06:05

我插件安装好, 但不知道哪里修改? 没有看到任何入口啊?

gamesstart 发表于 2012-8-29 14:11:59

非常不错就是在配置百度的那个出现了一点问题路径不对
改成这样了
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;
}

页: [1]

CodeIgniter 中国开发者社区's Archiver

集成：kindeditor ckeditor ueditor 库