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

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

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

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

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

【基本代碼結構】



上面的代碼效果如下：

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


效果：

多行列表
配置項里用豎線 '|' 代表分割線

 
 
效果









 
 【設置和讀取編輯器的內容】
 


作者：傳智播客前端與移動開發(fā)培訓學院
首發(fā)：http://web.itcast.cn/

0 分享到：
和我們在線交談！