ThinkPHP3.2.3配置UEditor。
阿新 • • 發佈：2019-02-18
其實配置起來還是蠻簡單的！
1.下載 UEditor
http://ueditor.baidu.com/website/download.html
2.配置
解壓到你的站點下任意目錄，解壓下載的包，在解壓後的目錄建立 demo.html 檔案，填入下面的html程式碼
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor demo</title> </head> <body> <!-- 載入編輯器的容器 --> <script id="container" name="content" type="text/plain"> 這裡寫你的初始化內容 </script> <!-- 配置檔案 --> <script type="text/javascript" src="ueditor.config.js"></script> <!-- 編輯器原始碼檔案 --> <script type="text/javascript" src="ueditor.all.js"></script> <!-- 例項化編輯器 --> <script type="text/javascript"> var ue = UE.getEditor('container'); </script> </body> </html>
然後訪問demo.html就可以看到文字編輯器了。其它配置可以檢視官方的API來進行配置。
說一些自己遇到的問題，因為第一次使用UEditor，以為下載下來需要配置，所以直奔ueditor.config.js 當時也沒多想，直接用WIN記事本開啟的，就因為這個行為，造成很大的麻煩，自己改來改去的，只要一改編輯器就不能用了....然後重新複製來一個配置就可以繼續使用！後來明白來是因數用記事本修改配置項造成的！其實什麼都不用改就可以使用....這個是真的。
另外上傳圖片、視訊等檔案的路徑需要自己修改一下，改成/web站點目錄/ueupload/..........XXXX 後邊的什麼不要動就可以了。
還有一個比較詭異的問題。就是HTML內容存到MySql裡之後，再從資料庫裡讀出的時候會出現下邊這種情況：
就是說UEditor載入HTML資料讀出來之後直接顯示HTML程式碼了，這個很煩人哈！弄了很長時間都沒有搞定，網上搜了一下也沒有找到解決方法，後來在ThinkPHP官方網站查找了好半天，有一個大俠在一個回覆中解答了一下，解決方法如下：
<!-- 載入編輯器的容器 --> <script id="container" name="content" type="text/plain"> 這裡寫你的初始化內容 </script> 把這段程式碼換成： <textarea id="container" class="edui-default">這裡載入你的HTML資料</textarea>
我暈，原來還可以用textarea....反正問題解決了，希望遇到這個問題的朋友不要再走彎路了。