建站
咨詢
售后
建站咨詢
新聞中心
昨天在ThinkPHP上配置了UEditor，在此記錄一下其中的過程和自己的心得體會。
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：國際域名空間、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、建華網(wǎng)站維護(hù)、網(wǎng)站推廣。
參考資料UEditor開發(fā)文檔：http://fex.baidu.com/ueditor/#server-php。
(1),下載UEditor，解壓后本人是放在了tp框架的公眾資源目錄Public下的ueditor中。
(2),在瀏覽器下打開上文目錄下的index.html,出現(xiàn)下圖，但是此時(shí)文件上傳功能還未實(shí)現(xiàn)
(3),設(shè)置圖片上傳目錄，在Public文件夾下創(chuàng)建editor_up文件夾用來保存上傳圖片，打開Public/ueditor/php/config.json對其中的p_w_picpathPathFormat進(jìn)行配置（注意 路徑配置項(xiàng)無論是否以 "/" 開頭，都是相對于 網(wǎng)站根目錄 的路徑）：
(4),設(shè)置成功了，刷新瀏覽器下的index.html,點(diǎn)擊圖片上傳，成功！
(5),以上ThinkPHP配置UEditor就算是完成了，事實(shí)上，ueditor目錄下的php文件夾我們可以放到本網(wǎng)站下的任意位置，只是需要修改ueditor下的ueditor.config.js中的服務(wù)器統(tǒng)一請求接口路徑，將其修改為相對于該文件的正確的相對路徑即可：
(6),注：上傳圖片過程中可能會出現(xiàn)由于文件過大而不能上傳的情況，這時(shí)只需修改php的配置文件php.ini中的upload_max_filesize (上傳文件的最大允許值)和post_max_size (post表單數(shù)據(jù)的最大允許值)，修改后重啟服務(wù)即可。
(7),使用UEditor創(chuàng)建一個編輯器還是很簡單的一件事情，首先就是引入兩個js文件，分別為editor_config.js和editor_all.js。然后就是js創(chuàng)建一個可編輯區(qū)域，用來創(chuàng)建編輯器，需要注明id，類型為text/plain，最后實(shí)例化編輯器即可（具體代碼如下圖所示，個別代碼并未顯示完全，僅供參考使用）。
其中的心得體會：可能大家看起來很簡單，可是當(dāng)時(shí)自己也是花了一番功夫才弄好的。主要是自己對開發(fā)文檔總是不能靜下心來去閱讀。實(shí)際上文檔總是最詳細(xì)的?？赡苣承┰捒雌饋砗孟癫惶?，但只要耐下心來去思考，去查閱，總是會有收獲的。
發(fā)布時(shí)間：2015-11-29
標(biāo)題名稱：ThinkPHP配置UEditor
轉(zhuǎn)載注明：http://fisionsoft.com.cn/article/jighih.html
