網(wǎng)站使用的比較多的是CKeditor編輯器，不過百度UEditor也是不錯的可視化富文本編輯器，中國人開發(fā)更適合國情，所以這里就將CI與UEditor來結(jié)合一下。
獲取UEditor資源
下載地址：http://ueditor.baidu.com/website/download.html
Demo地址：http://ueditor.baidu.com/website/onlinedemo.html
文檔地址：http://ueditor.baidu.com/website/document.html
網(wǎng)上有關(guān)UEditor的文章不多，但是論壇上針對DedeCMS、帝國和PHPCMS的整合方法都有，但是對整合CI的不多，而且版本也不太對。這里使用的是UEditor 1.2.5.0 PHP版本。
下載UEditor后解壓縮，我們只需要使用選中的這些文件夾和文件就可以了。文件夾dialogs、lang、php、themes、third-party和文件editor_all_min.js、editor_config.js、uparse.js。將這些文件復制到CI根目錄的ueditor文件夾里面（這個是新建的）。
修改editor_config.js文件
將js文件的URL變量數(shù)值修改為存放目錄，這里我們使用ueditor文件夾存放。
URL = "/ueditor/";
修改模板：application/views/news_add.php
<script type="text/javascript" charset="utf-8" src="<?=base_url()?>ueditor/editor_config.js"></script>
<script type="text/javascript" charset="utf-8" src="<?=base_url()?>ueditor/editor_all_min.js"></script>
<div>
<?php echo form_textarea('content','初始內(nèi)容','id="myEditor2"'); ?>
<script type="text/javascript">
UE.getEditor('myEditor2', {
autoClearinitialContent:true, //focus時自動清空初始化時的內(nèi)容
wordCount:false, //關(guān)閉字數(shù)統(tǒng)計
elementPathEnabled:false//關(guān)閉elementPath
});
</script>
</div>
在寫這段代碼的時候，發(fā)現(xiàn)了一個BUG，如果textarea標簽外用<p>標簽包含起來，在IE8下顯示就會有問題，但是改成<div>就沒事了，很奇怪。
效果圖如下：
修改UEditor上傳圖片路徑
以上傳圖片為例，其他的比如上傳文件、遠程圖片等等都是同樣的修改方法，這里就不多介紹了：
修改ueditor/editor_config.js
將imagePath的值修改為“../”
//圖片上傳配置區(qū)
,imageUrl:URL+"php/imageUp.php" //圖片上傳提交地址
,imagePath:"../"
修改ueditor/php/ imageUp.php
將savePath的值修改為“../../upload/”
//上傳配置
$config = array(
"savePath" => ($path == "1" ? "../../upload/" : "../../upload1/"),
"maxSize" => 1000, //單位KB
"allowFiles" => array(".gif", ".png", ".jpg", ".jpeg", ".bmp")
);
由于篇幅問題，這樣就差不多了。謝謝！