thinkPHP下ueditor的使用方法詳解，

thinkPHP下ueditor的使用方法詳解，

本文實例講述了thinkPHP下ueditor的使用方法。分享給大家供大家參考，具體如下：

1、首先需要下載ueditor，下載地址：http://ueditor.baidu.com/website/download.html

2、下載對應的php版的，下載後重命名為ueditor，根據需要放到對應的項目目錄中。我放的位置為Public/admin文件夾下，admin為後台的訪問入口文件目錄。

3、在項目中的使用

首先需要引入核心的js文件：

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>

然後再文件中加入<textarea>標簽，注意設置id屬性
復制代碼 代碼如下:<textarea name="content" id="EditorId"> </textarea>

接著是初始化編輯器，注意配置路徑

<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";
window.onload=function(){
window.UEDITOR_CONFIG.initialFrameHeight=300;//編輯器的高度
   window.UEDITOR_CONFIG.initialFrameWidth=800;//編輯器的寬度
   var editor = new UE.ui.Editor({
imageUrl : '__APP__/Editor/uploadImage',
fileUrl : '__APP__/Editor/uploadFile',
imagePath : '',
filePath : '',
imageManagerUrl:'__APP__/Editor/imageManage', //圖片在線管理的處理地址
imageManagerPath:'__ROOT__/'
});
editor.render("EditorId");
}
</script>

注意：

1、UEDITOR_HOME_URL的路徑配置為ueditor所在的位置。
2、圖片上傳路徑的配置
3、editor.render("textarea的id一致");

至此一個便算基本完成。

但是，在IE9下，編輯器沒有一點效果，這是怎麼回事呢？

在IE9下，需要把
復制代碼 代碼如下:window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";
路徑設置代碼，放在引入js文件和初始化之間。

希望本文所述對大家基於thinkPHP框架的php程序設計有所幫助。

您可能感興趣的文章:

• ThinkPHP中使用Ueditor富文本編輯器
• ThinkPHP整合百度Ueditor圖文教程
• ThinkPHP自動轉義存儲富文本編輯器內容導致讀取出錯的解決方法
• thinkPHP中分頁用法實例分析
• thinkPHP中驗證碼的簡單使用方法