PHP框架之ThinkPHP各模塊開發系列十,引入文本編輯器UEditor

文本編輯器 PHP 編程語言 HTML 生命一路前行 2017-06-13

在實際開發過程中,我們有時候需要對提交的文本內容進行修飾、編輯,所以我們常常會用到文本編輯器。本節我們來介紹一下一款編輯器UEditor。

UEditor 是所見即所得富文本web編輯器,具有輕量,可定製,注重用戶體驗等特點,開源基於MIT協議,允許自由使用和修改代碼,我們可以自由定製編輯器內容,其屏蔽各種瀏覽器之間的差異,提供良好的富文本編輯體驗。

PHP框架之ThinkPHP各模塊開發系列十,引入文本編輯器UEditor

ueditor

基本思路,下載php版本,將下載的文件解壓到public文件夾下的Ueditor文件夾內。新建UeditorController.class.php,在此控制器下新建addcontent方法,用來編寫數據寫入代碼;在view文件夾下新建Ueditor文件夾,並新建addcontent.html,用來引入ueditor編輯器。

一、製作addcontent方法

這個方法和之前的添加欄目的過程類似,所以不多做解釋。具體如下:

PHP框架之ThinkPHP各模塊開發系列十,引入文本編輯器UEditor

控制器

二、引入編輯器

PHP框架之ThinkPHP各模塊開發系列十,引入文本編輯器UEditor

html

代碼解釋:__PUBLIC__:會被替換成當前網站的公共目錄

我們只需要將name值與數據庫中的字段保持一致就可以將數據提交到數據庫了!

打開http://localhost/tp3/admin.php/Admin/Ueditor/addcontent,輸入內容後,點擊提交,成功的話可以在數據庫中看到html格式化後內容,比如我提交的內容在數據庫中顯示如下:

PHP框架之ThinkPHP各模塊開發系列十,引入文本編輯器UEditor

mysql數據庫

喜歡的話,可以關注我們。

如有疑問可以留言,我們會第一時間進行反饋。感謝!

本文由頭條號“生命一路前行”原創,請勿轉載。

預告:國產PHP框架--ThinkPHP各模塊開發系列十一, 引入HTML5上傳組件“Web Uploader”

相關推薦

推薦中...