百度UEditor是由百度Web前端研發部開發的，在使用過程中能夠實現所見即所得的富文本在線編輯器。UEditor編輯器的體積小巧，同時非常注重用戶體驗。該編輯器的界面設計非常簡潔清晰，設計方面也非常的人性化，用戶在使用的過程中，能夠快速便捷的完成各項操作。該軟件開源基于BSD協議，同時還能夠允許互聯網開發者自由傳播和使用代碼。UEditor編輯器的推出，能夠幫助各網站開發者在開發富文本編輯器中，解決所遇到的所有難題，同時還能夠節約開發者做需要的大量時間，更有效的降低了企業的開發成本。

UEditor編輯器 圖一

1. 功能全面：UEditor編輯器中涵蓋了所有流行富文本編輯器的特色功能，該編輯器中提供有多種獨創的全新編輯操作模式。

2. 開源免費：該軟件中開源基于MIT協議，同時還能夠支持商業和非商業用戶的免費使用和任意修改。

3. 專業穩定：該軟件是由百度專業的QA團隊持續跟進，通過上千自動化測試用例支持，是一款非常專業的富文本在線編輯器。

4. 定制下載：該編輯器中細粒度拆分核心代碼，能夠為使用者提供可視化功能選擇和自定義下載。

5. 用戶體驗：在使用這款編輯器的過程中，能夠屏蔽各種瀏覽器之間的差異，提供良好的富文本編輯體驗。

1. 首先我們需要創建一個web項目，同時我們將下載好的UEditor直接放在根目錄下面，并將自帶的jar包引入，如下圖所示。

UEditor編輯器 圖二

2. 第二步需要先配置UEditor下面的ueditor.config.js文件，找到window.UEDITOR_HOME_URL = "/項目名稱/ueditor/"；進行路徑配置，如下圖所示。

UEditor編輯器 圖三

3. 第三步在我們需要用到富文本編輯器的地方引入js文件，需要引入ueditor.config.js、ueditor.all.js、jquery-2.2.3.min.js三個文件，如下圖所示。

UEditor編輯器 圖四

4. 第四步需要在頁面中用一個文本域來引入，輸入如下代碼：

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

<script type="text/javascript" charset="utf-8">

var editor = new baidu.editor.ui.Editor();

editor.render("contents")；

</script>

UEditor編輯器 圖五

5. 第五步運行項目，可以看到富文本編輯器UEditor已經顯示在瀏覽器頁面上了，如下圖所示。

UEditor編輯器 圖六

6. 第六步如果需要進行上傳文件、圖片、視頻，需要配置“ueditor->jsp->config.json”文件，配置圖片、文件、視頻的路徑訪問前綴，相對路徑可以用“..”表示，如下圖所示。

UEditor編輯器 圖七