CKEditor是在很多开发过程中都会用到的一个富文本编辑器，那么如何在CI框架中使用它呢？这里介绍了在CI下使用CKEditor的方法，版本比较低，是在CI 1.7.3下使用fckeditor 2.6.6。供大家参考。

1、将fckeditor目录置入CI_PATH/system/plugins/

2、在CI_PATH/system/application/config/config.php中加入：

$config['fckeditor_basepath'] = "/system/plugins/fckeditor/";

$config['fckeditor_toolbarset_default'] = 'Default';

3、创建helper，在/system/application/helpers新建form_helper.php

代码如下:

1. <?php 
2. if (!defined('BASEPATH')) exit('No direct script access allowed'); 
3. include_once( BASEPATH . '/helpers/form_helper'.EXT); 
4. function form_fckeditor($data = '', $value = '', $extra = '') 
5. { 
6.      $CI =& get_instance(); 
7.     $fckeditor_basepath = $CI->config->item('fckeditor_basepath'); 
8.      require_once( $_SERVER["DOCUMENT_ROOT"] . $fckeditor_basepath. 'fckeditor.php' ); 
9.     $instanceName = ( is_array($data) && isset($data['name'])   ) ? $data['name'] : $data; 
10.     $fckeditor = new FCKeditor($instanceName); 
11.      if( $fckeditor->IsCompatible() ) 
12.     { 
13.          $fckeditor->Value = html_entity_decode($value); 
14.         $fckeditor->BasePath = $fckeditor_basepath; 
15.          if( $fckeditor_toolbarset = $CI->config->item('fckeditor_toolbarset_default')) 
16.                 $fckeditor->ToolbarSet = $fckeditor_toolbarset; 
17.          if( is_array($data) ) 
18.         { 
19.             if( isset($data['value']) ) 
20.                 $fckeditor->Value = html_entity_decode($data['value']); 
21.              if( isset($data['basepath']) ) 
22.                 $fckeditor->BasePath = $data['basepath']; 
23.              if( isset($data['toolbarset']) ) 
24.                 $fckeditor->ToolbarSet = $data['toolbarset']; 
25.              if( isset($data['width']) ) 
26.                 $fckeditor->Width = $data['width']; 
27.              if( isset($data['height']) ) 
28.                 $fckeditor->Height = $data['height']; 
29.         } 
30.         return $fckeditor->CreateHtml(); 
31.     } 
32.     else 
33.     { 
34.         return form_textarea( $data, $value, $extra ); 
35.     } 
36. } 
37. ?> 

4、在项目中使用fckeditor，代码如下:

1. <?php 
2. $this->load->helper('form_helper'); 
3. $data = array( 
4.     'name'        => 'newsContent', 
5.     'id'          => 'newsContent', 
6.     //'toolbarset'  => 'Advanced', 
7.     'basepath'    => $this->config->item('fckeditor_basepath'), 
8.     'width'       => '80%', 
9.     'height'      => '200' 
10. ); 
11. echo form_fckeditor( $data ); 
12. ?> 

Tags: CI框架 CKEditor

分享到：