溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
昨天在ThinkPHP上配置了UEditor，在此記錄一下其中的過程和自己的心得體會。
參考資料UEditor開發文檔：http://fex.baidu.com/ueditor/#server-php。
(1),下載UEditor，解壓后本人是放在了tp框架的公眾資源目錄Public下的ueditor中。
(2),在瀏覽器下打開上文目錄下的index.html,出現下圖，但是此時文件上傳功能還未實現
(3),設置圖片上傳目錄，在Public文件夾下創建editor_up文件夾用來保存上傳圖片，打開Public/ueditor/php/config.json對其中的p_w_picpathPathFormat進行配置（注意 路徑配置項無論是否以 "/" 開頭，都是相對于 網站根目錄 的路徑）：
(4),設置成功了，刷新瀏覽器下的index.html,點擊圖片上傳，成功！
(5),以上ThinkPHP配置UEditor就算是完成了，事實上，ueditor目錄下的php文件夾我們可以放到本網站下的任意位置，只是需要修改ueditor下的ueditor.config.js中的服務器統一請求接口路徑，將其修改為相對于該文件的正確的相對路徑即可：
(6),注：上傳圖片過程中可能會出現由于文件過大而不能上傳的情況，這時只需修改php的配置文件php.ini中的upload_max_filesize (上傳文件的最大允許值)和post_max_size (post表單數據的最大允許值)，修改后重啟服務即可。
(7),使用UEditor創建一個編輯器還是很簡單的一件事情，首先就是引入兩個js文件，分別為editor_config.js和editor_all.js。然后就是js創建一個可編輯區域，用來創建編輯器，需要注明id，類型為text/plain，最后實例化編輯器即可（具體代碼如下圖所示，個別代碼并未顯示完全，僅供參考使用）。
其中的心得體會：可能大家看起來很簡單，可是當時自己也是花了一番功夫才弄好的。主要是自己對開發文檔總是不能靜下心來去閱讀。實際上文檔總是最詳細的。可能某些話看起來好像不太懂，但只要耐下心來去思考，去查閱，總是會有收獲的。
發布時間：2015-11-29
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
