在實際開發過程中,我們有時候需要對提交的文本內容進行修飾、編輯,所以我們常常會用到文本編輯器。本節我們來介紹一下一款編輯器UEditor。
UEditor 是所見即所得富文本web編輯器,具有輕量,可定製,注重用戶體驗等特點,開源基於MIT協議,允許自由使用和修改代碼,我們可以自由定製編輯器內容,其屏蔽各種瀏覽器之間的差異,提供良好的富文本編輯體驗。
基本思路,下載php版本,將下載的文件解壓到public文件夾下的Ueditor文件夾內。新建UeditorController.class.php,在此控制器下新建addcontent方法,用來編寫數據寫入代碼;在view文件夾下新建Ueditor文件夾,並新建addcontent.html,用來引入ueditor編輯器。
一、製作addcontent方法
這個方法和之前的添加欄目的過程類似,所以不多做解釋。具體如下:
二、引入編輯器
代碼解釋:__PUBLIC__:會被替換成當前網站的公共目錄
我們只需要將name值與數據庫中的字段保持一致就可以將數據提交到數據庫了!
打開http://localhost/tp3/admin.php/Admin/Ueditor/addcontent,輸入內容後,點擊提交,成功的話可以在數據庫中看到html格式化後內容,比如我提交的內容在數據庫中顯示如下:
喜歡的話,可以關注我們。
如有疑問可以留言,我們會第一時間進行反饋。感謝!
本文由頭條號“生命一路前行”原創,請勿轉載。
預告:國產PHP框架--ThinkPHP各模塊開發系列十一, 引入HTML5上傳組件“Web Uploader”
相關推薦
推薦中...