Ueditor編輯器是由百度開(kāi)發(fā)的富文本編輯器,兼容所有CMS系統(tǒng),具有輕量,可定制,注重用戶(hù)體驗(yàn)等特點(diǎn),開(kāi)源基于BSD協(xié)議,安裝簡(jiǎn)單,允許自由使用和使用代碼等優(yōu)點(diǎn)。
Ueditor編輯器軟件特色
體積小巧,性能優(yōu)良,使用簡(jiǎn)單
分層架構(gòu),方便定制與擴(kuò)展
滿(mǎn)足不同層次用戶(hù)需求,更加適合團(tuán)隊(duì)開(kāi)發(fā)
豐富完善的中文文檔
多個(gè)瀏覽器支持:Mozilla, MSIE, FireFox, Maxthon,Safari和Chrome
更好的使用體驗(yàn)
擁有專(zhuān)業(yè)QA團(tuán)隊(duì)持續(xù)支持,已應(yīng)用在百度各大產(chǎn)品線(xiàn)上
Ueditor編輯器怎么安裝?
1、引用JS;
ueditor.config.js
ueditor.all.min.js
lang/zh-cn/zh-cn.js
2. 編輯器顯示處 id="content"
3.底部
效果:
4.ueditor編輯器按鈕配置方法
定制工具欄圖標(biāo)
UEditor 工具欄上的按鈕列表可以自定義配置,只需要通過(guò)修改配置項(xiàng)就可以實(shí)現(xiàn)需求
配置項(xiàng)修改說(shuō)明
修改配置項(xiàng)的方法:
js方法
>```
2. 方法二:實(shí)例化編輯器的時(shí)候傳入 toolbars 參數(shù)(寫(xiě)在script代碼塊里)
>`var ue = UE.getEditor(‘container’);`
簡(jiǎn)單列表-注意toolbars數(shù)組里面只有一個(gè)數(shù)組時(shí),編輯器上只有會(huì)有一行按鈕,沒(méi)有換行
toolbars: [[‘fullscreen’, ‘source’, ‘undo’, ‘redo’, ‘bold’]]
若想有多行列表-toolbars數(shù)組里面要有多個(gè)數(shù)組,每個(gè)數(shù)組占一行
例子:
把下面的代碼放入高度后面:
```html
toolbars: [['fullscreen', 'source', 'undo', 'redo','bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','selectall', 'cleardoc']]