Ueditor編輯器是由百度開發的富文本編輯器，兼容所有CMS系統，具有輕量，可定制，注重用戶體驗等特點，開源基于BSD協議，安裝簡單，允許自由使用和使用代碼等優點。

Ueditor編輯器軟件特色

體積小巧，性能優良，使用簡單

分層架構，方便定制與擴展

滿足不同層次用戶需求，更加適合團隊開發

豐富完善的中文文檔

多個瀏覽器支持：Mozilla, MSIE, FireFox, Maxthon,Safari和Chrome

更好的使用體驗

擁有專業QA團隊持續支持，已應用在百度各大產品線上

Ueditor編輯器怎么安裝？

1、引用JS；

ueditor.config.js
ueditor.all.min.js
lang/zh-cn/zh-cn.js

<script src="__plus__/ueditor/ueditor.config.js"></script>
<script src="__plus__/ueditor/ueditor.all.min.js"></script>
<script src="__plus__/ueditor/lang/zh-cn/zh-cn.js"></script>

2. 編輯器顯示處 id="content"

<textarea id="content" name="content"></textarea>

3.底部

<script type="text/javascript">
    //實例化編輯器
    //建議使用工廠方法getEditor創建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調用UE.getEditor('editor')就能拿到相關的實例
    UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});  
</script>

效果:


4.ueditor編輯器按鈕配置方法

定制工具欄圖標

UEditor 工具欄上的按鈕列表可以自定義配置,只需要通過修改配置項就可以實現需求

配置項修改說明

修改配置項的方法：

<script type="text/javascript">
//實例化編輯器
//建議使用工廠方法getEditor創建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調用UE.getEditor(‘editor’)就能拿到相關的實例
UE.getEditor(‘content’,{initialFrameWidth:700,initialFrameHeight:400, toolbars: [[‘bold’, ‘italic’, ‘underline’, ‘fontborder’, ‘strikethrough’, ‘superscript’, ‘subscript’,
‘removeformat’, ‘formatmatch’, ‘autotypeset’, ‘blockquote’, ‘pasteplain’, ‘|’, ‘forecolor’, ‘backcolor’, ‘insertorderedlist’, ‘insertunorderedlist’,
‘selectall’, ‘cleardoc’]]});
</script>
>```    
2. 方法二：實例化編輯器的時候傳入 toolbars 參數(寫在script代碼塊里)

>`var ue = UE.getEditor(‘container’);`

簡單列表-注意toolbars數組里面只有一個數組時，編輯器上只有會有一行按鈕，沒有換行

toolbars: [[‘fullscreen’, ‘source’, ‘undo’, ‘redo’, ‘bold’]]
若想有多行列表-toolbars數組里面要有多個數組，每個數組占一行

例子:
把下面的代碼放入高度后面:

```html
toolbars: [['fullscreen', 'source', 'undo', 'redo','bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','selectall', 'cleardoc']]

<script type="text/javascript">
//實例化編輯器
//建議使用工廠方法getEditor創建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調用UE.getEditor('editor')就能拿到相關的實例
UE.getEditor('content',{initialFrameWidth:800,initialFrameHeight:400,toolbars: [['fullscreen', 'source', 'undo', 'redo','bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','selectall', 'cleardoc']]});
</script>