1. 程式人生 > >百度編輯器ueditor插件的基本使用

百度編輯器ueditor插件的基本使用

tpframe thinkphp5 php

註意:該插件是基於tpframe開發,請在tpframe框架上使用

插件下載地址:https://pan.baidu.com/s/1MOJbd1goQC0Bn5-7HcIdKA

插件下載下來後解壓到addon插件目錄,然後進入後臺進行安裝即可

技術分享圖片

Ueditor插件的使用:

在你想要用編輯器的模板頁面加如下代碼即可:

{:Core::hook(‘ueditor‘,[‘name‘=>‘content‘,‘width‘=>750,‘height‘=>200,‘default_str‘=>‘留言內容‘,‘toolbars‘=>[[‘source‘, ‘undo‘, ‘redo‘, ‘bold‘],[‘fullscreen‘,‘redo‘]]])}

參數說明:

name:要生成的編輯器的名稱,默認值為content,用於php端接收參數

width:編輯器的寬度,默認1000

height:編輯器的高度,默認320

default_str:編輯器默認內容

toolbars:編輯器工具欄,傳遞一維數組或二維數組,其中二維數組表示第一排的圖標功能,默認為編輯器初始值

註意:如果你想在一個頁面用兩個或以上的ueditor編輯器,請給第二個以上的調用都加上has_more參數,例如:

{:Core::hook(‘ueditor‘,[‘name‘=>‘content2‘,‘width‘=>750,‘height‘=>200,‘default_str‘=>‘留言內容‘,‘toolbars‘=>[[‘source‘, ‘undo‘, ‘redo‘, ‘bold‘],[‘fullscreen‘,‘redo‘]],"has_more"=>1])}

生成出來的效果如下:

技術分享圖片

當然你也可能參與Ueditor官方文檔來隨意理性樣式

百度編輯器ueditor插件的基本使用