UEditor是百度提供的一款功能強(qiáng)大的文本編輯器，具有輕量、可定制、用戶體驗(yàn)優(yōu)秀等特點(diǎn)。開(kāi)源基于BSD協(xié)議，所有源代碼在協(xié)議允許范圍內(nèi)可自由修改和使用。百度UEditor的推出，可以幫助不少網(wǎng)站開(kāi)發(fā)者在開(kāi)發(fā)富文本編輯器所遇到的難題，節(jié)約開(kāi)發(fā)者因開(kāi)發(fā)富文本編輯器所需要的大量時(shí)間，有效降低了企業(yè)的開(kāi)發(fā)成本。你可以把UEditor安裝在很多后臺(tái)中

軟件亮點(diǎn)

*用戶體驗(yàn)

屏蔽各種瀏覽器之間的差異，提供良好的富文本編輯體驗(yàn)。

*定制下載

細(xì)粒度拆分核心代碼，提供可視化功能選擇和自定義下載。

*開(kāi)源免費(fèi)

開(kāi)源基于MIT協(xié)議，支持商業(yè)和非商業(yè)用戶的免費(fèi)使用和任意修改。

*功能全面

涵蓋流行富文本編輯器特色功能，獨(dú)創(chuàng)多種全新編輯操作模式。

*專業(yè)穩(wěn)定

百度專業(yè)QA團(tuán)隊(duì)持續(xù)跟進(jìn)，上千自動(dòng)化測(cè)試用例支持。

軟件優(yōu)勢(shì)

*滿足不同層次用戶需求，更加適合團(tuán)隊(duì)開(kāi)發(fā)

*體積小巧，性能優(yōu)良，使用簡(jiǎn)單

*豐富完善的中文文檔

*多個(gè)瀏覽器支持：Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome

*分層架構(gòu)，方便定制與擴(kuò)展

*擁有專業(yè)QA團(tuán)隊(duì)持續(xù)支持，已應(yīng)用在百度各大產(chǎn)品線上

*更好的使用體驗(yàn)

軟件使用教程

Ueditor編輯器軟件特色

體積小巧，性能優(yōu)良，使用簡(jiǎn)單

分層架構(gòu)，方便定制與擴(kuò)展

滿足不同層次用戶需求，更加適合團(tuán)隊(duì)開(kāi)發(fā)

豐富完善的中文文檔

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

更好的使用體驗(yàn)

擁有專業(yè)QA團(tuán)隊(duì)持續(xù)支持，已應(yīng)用在百度各大產(chǎn)品線上

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">
    //實(shí)例化編輯器
    //建議使用工廠方法getEditor創(chuàng)建和引用編輯器實(shí)例，如果在某個(gè)閉包下引用該編輯器，直接調(diào)用UE.getEditor('editor')就能拿到相關(guān)的實(shí)例
    UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});  
</script>

效果:


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

定制工具欄圖標(biāo)

UEditor 工具欄上的按鈕列表可以自定義配置,只需要通過(guò)修改配置項(xiàng)就可以實(shí)現(xiàn)需求

配置項(xiàng)修改說(shuō)明

修改配置項(xiàng)的方法：

<script type="text/javascript">
//實(shí)例化編輯器
//建議使用工廠方法getEditor創(chuàng)建和引用編輯器實(shí)例，如果在某個(gè)閉包下引用該編輯器，直接調(diào)用UE.getEditor(‘editor’)就能拿到相關(guān)的實(shí)例
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. 方法二：實(shí)例化編輯器的時(shí)候傳入 toolbars 參數(shù)(寫在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']]

<script type="text/javascript">
//實(shí)例化編輯器
//建議使用工廠方法getEditor創(chuàng)建和引用編輯器實(shí)例，如果在某個(gè)閉包下引用該編輯器，直接調(diào)用UE.getEditor('editor')就能拿到相關(guān)的實(shí)例
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>