1. 程式人生 > >tp5.0使用百度富文字Ueditor上傳圖文,開發環境 Lamp

tp5.0使用百度富文字Ueditor上傳圖文,開發環境 Lamp

百度富文字上傳圖片和文字非常方便,而且使後臺文字域變得相對豐富和美觀,話不多說,讓我們進入百度富文字的學習,純乾貨又簡單。
1、下載ueditor
點選進入官網下載
下載後重命名為ueditor放置在我們的tp5目錄中,我放在了public/static/admin/ueditor。
2、前端引入,在我們的h5頁面中引入兩個js 檔案
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"> </script> <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script>


在body裡寫個例項<textarea name="tagpresent" id="con1"></textarea>
然後在下方例項化編輯器,讓id值和第一個引數相同

 ` <script>UE.getEditor('con1', {initialFrameWidth: 782, initialFrameHeight: 400,});</script>` 

3、修改ueditor/php/config.json
最重要的引數是imagePathFormat,是儲存上傳本地圖片的路徑,這個是要修改的,比如你的伺服器地址為1XX.2XX.1XX.2XX,專案名為tp5,那imagePathformat要改為/tp5/public/static/admin/ueditor/php/upload/image/{yyyy} {mm}{dd}/{time}{rand:6}


好的,本篇文章就到這裡,希望對大家有所幫助。