【ci框架基礎】之部署百度編輯器
阿新 • • 發佈：2017-11-02
asc 點擊 class containe 壓縮版 合並 ueditor builder 插件 
在ci框架下加載編輯器，現在復習下內容。我的框架文件名稱為ci
1.下載百度編輯器ueditor，http://ueditor.baidu.com/
一般情況下下載ubuilder版即可，並將ueditor復制到ci框架的根目錄下。
下載好的編輯器目錄為:
-ueditor
----dialogs 彈出對話框對應的資源和JS文件
----lang 編輯器國際化顯示的文件
----php 涉及到服務器端操作的後臺文件
----themes 樣式圖片和樣式文件
----third-party 第三方插件(包括代碼高亮，源碼編輯等組件）
----ueditor.all.js 開發版代碼合並的結果,目錄下所有文件的打包文件
----ueditor.all.min.js ueditor.all.js文件的壓縮版，建議在正式部署時采用
----ueditor.config.js 編輯器的配置文件，建議和編輯器實例化頁面置於同一目錄
----ueditor.parse.js 編輯的內容顯示頁面引用，會自動加載表格、列表、代碼高亮等樣式,具體看內容展示文檔
----ueditor.parse.min.js ueditor.parse.js文件的壓縮版，建議在內容展示頁正式部署時采用
2.在你所要集成百度編輯器的頁面添加如下語句：
<body>
<!-- 配置文件 -->
<script type="text/javascript" src="<?php echo base_url() ?>ueditor/ueditor.config.js"></script>
<!-- 編輯器源碼文件 -->
<script type="text/javascript" src="<?php echo base_url() ?>ueditor/ueditor.all.js"></script>
<!-- 實例化編輯器 -->
<script type="text/javascript">
var editor = UE.getEditor(‘container‘);//container為表單的id
</script>
<form action="server.php" method="post"> /* serve.php為你點擊提交表單的的鏈接 */
<!-- 加載編輯器的容器 -->
<script id="container" name="content" type="text/plain">
這裏寫你的初始化內容
</script>
</form>
</body>
3.打開文件ci/ueditor/ueditor.config.js
找到這幾條語句：
var URL = window.UEDITOR_HOME_URL || getUEBasePath(); UEDITOR_HOME_URL: URL serverUrl: URL + "php/controller.php"
將以上語句改為:
var URL = window.UEDITOR_HOME_URL || "/ci/ueditor/"; UEDITOR_HOME_URL: "/ci/ueditor/" serverUrl: "/ci/ueditor/php/controller.php"
然後刷新頁面就ok了。
這裏要註意，你所下載的編輯器文件在不知道有啥功能的時候不要亂刪！否則可能無法加載編輯器。
關於編輯器的更多內容請移步: http://fex.baidu.com/ueditor/，文檔更有說服力！
【ci框架基礎】之部署百度編輯器