如何在thinkPHP中使用ueditor

如何在thinkPHP中使用ueditor？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

1、首先需要下載ueditor

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中使用ueditor問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。