最近开发中遇到CI框架与ckeditor整合的相关问题，经过调查，实践整理出这份文档，文档中有详细的整合步骤以及自己写的实例代码。这份文档对那些想要了解CI中整合ckeditor的开发人员会起到很好的入门作用。
在本文中，我们将深入探讨如何在CodeIgniter (CI) 框架中集成流行的富文本编辑器CKEditor。CKEditor是一款功能强大的Web文本编辑器，适用于创建和编辑网页内容。它提供了丰富的文本格式化选项，使用户可以轻松地创建和编辑HTML内容。
**CKEditor简介**
CKEditor原名FCKeditor，由Frederico Caldeira Knabben开发。在2009年升级至3.0版本时，更名为CKEditor，意为"Content and Knowledge"。CKEditor 4.3 Beta是截至2013年9月18日的最新版本，它带来了全新的用户界面，JavaScript API插件支持，以及对无障碍功能的改进。
**集成CKEditor与CKFinder**
CKFinder是CKEditor的一个补充工具，用于处理图片和文件的上传。虽然CKEditor本身不包含服务器端处理文件，但CKFinder提供了这一功能。在这里，我们将使用CKEditor 3.6.6.1和CKFinder_php_2.4版本进行集成。
**集成步骤**
1. **下载CKEditor和CKFinder**
- 访问CKEditor官网：http://ckeditor.com/download 下载所需版本。
- 同样，访问CKFinder官网：http://ckfinder.com/download 获取CKFinder。
2. **安装**
- 解压缩下载的文件，将CKEditor的`ckeditor`文件夹移动到你的网站根目录下。例如：`D:\Program Files\EasyPHP-DevServer-13.1VC9\data\localweb\qnshop_portals\ckeditor`。
- 对于CKFinder，将其`CKFinder`文件夹也移动到相同位置。
3. **创建自定义库**
- 在`application/libraries`目录下创建两个PHP文件：`ckeditor.php` 和 `ckfinder.php`。
- 将`ckeditor/`目录中的`ckeditor_php5.php`内容复制到`ckeditor.php`。
- 对于`ckfinder/core/`目录下的`ckfinder_php5.php`，将其内容复制到`ckfinder.php`。这是因为在CI 2.0版本中，已经不再支持PHP 4，因此我们需要使用PHP 5兼容的文件。
4. **控制器中调用**
- 在你的CI控制器中，加载CKEditor和CKFinder库：
```php
$this->load->library('ckeditor');
$this->load->library('ckfinder');
```
- 初始化CKEditor并设置基础路径：
```php
$this->ckeditor = new CKEditor();
$this->ckeditor->basePath = base_url().'ckeditor/';
$this->ckeditor->config['toolbar'] = 'Full';
```
- 配置CKFinder与CKEditor的连接：
```php
CKFinder::SetupCKEditor($this->ckeditor, base_url().'ckfinder/');
```
- 加载视图，例如`ck_test`。
5. **视图中调用**
- 在你的HTML视图文件中，添加一个`textarea`标签用于CKEditor，并在页面中引入CKEditor：
```html
<textarea id="editor1" name="neirong" cols="85" rows="10" style="display:none;"></textarea>
```
完成以上步骤后，你已经在CodeIgniter项目中成功集成了CKEditor和CKFinder，允许用户在网页表单中使用富文本编辑功能，并能够方便地上传图片和文件。
通过这个过程，你可以了解到如何在CI框架中配置CKEditor，以及它与CKFinder的协作方式。这将极大地提升你的Web应用程序的用户体验，特别是在处理内容编辑和管理方面。记住，确保所有路径正确无误，且根据你的项目需求调整CKEditor的配置。
