百度編輯器(Ueditor) v1.4.3 綠色中文版

軟件介紹

百度編輯器是一款由由百度FEX前端研發(fā)團(tuán)隊(duì)提供的富文本W(wǎng)EB編輯器，我們可以在這款編輯器上進(jìn)行文字和代碼的輸入。而且百度編輯器中文版還可以允許自由使用和修改代碼，這樣我們的編程人員就可以通過這款軟件來完成程序和網(wǎng)頁代碼的編寫。

百度編輯器軟件簡介

Ueditor是由百度web前端研發(fā)部開發(fā)所見即所得的編輯器，具有輕量，可定制，注重用戶體驗(yàn)等特點(diǎn)。Ueditor基于BSD開源協(xié)議，除了具有代碼精簡、加載迅速的輕量級(jí)特質(zhì)外，還采用了分層理念，使開發(fā)者可以根據(jù)實(shí)際應(yīng)用和需求自由定制。

Ueditor編輯器劃分為了三層架構(gòu)。其中，核心層為開發(fā)者提供了諸如range、selection、domUtils類的底層API接口，中間的命令插件層不僅提供了大量的基礎(chǔ)command，還允許開發(fā)者基于核心層進(jìn)行command命令的開發(fā)，而面向用戶端的界面層則可以提供自由定制的用戶交互界面。Ueditor開源編輯器這種擁有可配性的模式，令開發(fā)者能夠根據(jù)自身需要接入任何一層進(jìn)行開發(fā)。

百度編輯器軟件特色

1、功能全面

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

2、用戶體驗(yàn)

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

3、定制下載

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

4、開源免費(fèi)

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

5、專業(yè)穩(wěn)定

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

軟件功能

1.UEditor模塊已與wysiwyg模塊整合，可以自由與其他更多編輯器配合，你有更多選擇

2.后臺(tái)可配置工具條按鈕

3.中英雙語支持

4.后臺(tái)可單獨(dú)配置各種文件的上傳路徑，如本地圖片，涂鴉,截圖，遠(yuǎn)程抓取的圖片，視頻，文件，同時(shí)還可以設(shè)置相關(guān)的在線管理路徑，簡單說就是，比如你用你的帳號(hào)登錄后，你上傳的圖片會(huì)自動(dòng)存到一個(gè)專屬于你的特殊路徑，別人是不能看到你上傳的圖片的，這樣就可以更好的權(quán)限分開管理。

5.不要問我百度編輯器有沒有什么上傳圖片，批量上傳，word圖片轉(zhuǎn)存，遠(yuǎn)程圖片保存之類的功能

百度編輯器使用方法

第一步：在項(xiàng)目的任一文件夾中建立一個(gè)用于存放UEditor相關(guān)資源和文件的目錄，此處在項(xiàng)目根目錄下建立，起名為ueditor（自己喜歡）。

第二步：拷貝源碼包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夾中。其中，除了ueditor目錄之外的其余文件均為具體項(xiàng)目文件，此處所列僅供示例。

第三步：為簡單起見，此處將以根目錄下的index.php頁面作為編輯器的實(shí)例化頁面，用來展示UEditor的完整版效果。在index.php文件中，首先導(dǎo)入編輯器需要的三個(gè)入口文件，示例代碼如下：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>編輯器完整版實(shí)例</title>

<script type="text/javascript" src="ueditor/editor_config.js"></script>

<script type="text/javascript" src="ueditor/editor_all.js"></script>

第四步：然后在index.php文件中創(chuàng)建編輯器實(shí)例及其DOM容器。具體代碼示例如下：

<textarea name="后臺(tái)取值的key" id="myEditor">這里寫你的初始化內(nèi)容</textarea>

<script type="text/javascript">

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

editor.render("myEditor");

//1.2.4以后可以使用一下代碼實(shí)例化編輯器

//UE.getEditor('myEditor')

</script>

最后一步： 在/UETest/ueditor/ editor_config.js中查找URL變量配置編輯器在你項(xiàng)目中的路

代碼如下:

//強(qiáng)烈推薦以這種方式進(jìn)行絕對(duì)路徑配置（注意：下面的UETest是虛擬目錄名稱）

URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";

至此，一個(gè)完整的編輯器實(shí)例就已經(jīng)部署到咱們的項(xiàng)目中了！在瀏覽器中輸入http://localhost/UETest 運(yùn)行下試試UE強(qiáng)大的功能吧！

常見問題

1.亂碼

如果運(yùn)行成功了，而出現(xiàn)亂碼的話，請(qǐng)檢查你的編碼方式。UEditor引用的腳本帶有編碼方式和meta標(biāo)簽。我下載的是utf-8版，運(yùn)行起來就出現(xiàn)了亂碼，我把引用的腳本中的charset="utf-8" 去掉就沒有問題了。

2.上傳圖片出錯(cuò)

如果上傳圖片出現(xiàn)紅色的叉叉，或者上傳到一半沒有反應(yīng)。把net文件夾（PHP語言對(duì)應(yīng)的是php，而JSP語言對(duì)應(yīng)的是jsp）下面的web.config刪除，原因是它里面使用.net 4.0的配置，而3.5和以下的版本就會(huì)有問題，刪除不會(huì)有影響。