教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

富文本編輯器-UEditor配置及使用

更新時(shí)間:2018年07月24日17時(shí)00分 來源:傳智播客 瀏覽次數(shù):

【簡介】
UEditor 是由百度「FEX前端研發(fā)團(tuán)隊(duì)」開發(fā)的所見即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗(yàn)等特點(diǎn)，開源基于MIT協(xié)議，允許自由使用和修改代碼。
【引入的文件】

【基本代碼結(jié)構(gòu)】



上面的代碼效果如下：

【定制工具欄圖標(biāo)】
UEditor工具欄上的按鈕列表可以自定義配置,只需要通過修改配置項(xiàng)就可以實(shí)現(xiàn)需求
修改配置項(xiàng)的方法：
1. 方法一：修改ueditor.config.js 里面的 toolbars
2. 方法二：實(shí)例化編輯器的時(shí)候傳入 toolbars 參數(shù)
下面以方法2來演示
代碼：


效果：

多行列表
配置項(xiàng)里用豎線 '|' 代表分割線

 
 
效果









 
 【設(shè)置和讀取編輯器的內(nèi)容】
 


作者：傳智播客前端與移動(dòng)開發(fā)培訓(xùn)學(xué)院
首發(fā)：http://web.itcast.cn/

0 分享到：
和我們?cè)诰€交談！