ueditor配置,上傳圖片和附件及其他使用方法

《ueditor配置,上傳圖片和附件及其他使用方法》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、概述UEditor是由百度web前端研發(fā)部開(kāi)發(fā)所見(jiàn)即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗(yàn)等特點(diǎn)，開(kāi)源基于BSD協(xié)議，允許自由使用和修改代碼。這簡(jiǎn)直是Web開(kāi)發(fā)富文本框輸入的一大神器！最低來(lái)說(shuō)，使用百度的富文本編輯器，無(wú)論是本地化還是相關(guān)操作學(xué)習(xí)文檔，都比國(guó)外的FCKEdit神馬的要好的多！首先是下載地址：http://ueditor.baidu.com/website/ipanel/panel.html下載時(shí)可以下載完整包，或者功能定制化下載；如果網(wǎng)站對(duì)富文本編輯器需求比較明確，盡量使用定制化下載，經(jīng)測(cè)試，如果下載完整包，每次頁(yè)面請(qǐng)求有800K內(nèi)容，定

2、制化下載后簡(jiǎn)單優(yōu)化一下，頁(yè)面可以縮小到600K甚至更小…。如果頁(yè)面訪問(wèn)量不大，對(duì)編輯器需求也不太明確，建議下載完整包羅，需要的功能通過(guò)配置后下載配置文件，以后只需在網(wǎng)站上更新UEditor的配置文件就可以完成功能更新了！基礎(chǔ)配置UEditor除了具有功能強(qiáng)大、可定制等優(yōu)點(diǎn)外，還始終將優(yōu)化編輯操作、提升用戶體驗(yàn)擺在了很重要的位置。在這一點(diǎn)上，除了對(duì)編輯器功能、性能、實(shí)現(xiàn)細(xì)節(jié)等不斷地改進(jìn)和追求創(chuàng)新之外，眾多靈活而個(gè)性化的自定義配置也充分體現(xiàn)了這個(gè)特點(diǎn)。通過(guò)修改配置，用戶幾乎可以完全地改變編輯器的外觀和行為。從配置本身的優(yōu)先級(jí)來(lái)看，UEditor的配置可以分為系統(tǒng)默認(rèn)配置和用

3、戶自定義配置兩種類(lèi)型。系統(tǒng)默認(rèn)配置分散在各個(gè)對(duì)應(yīng)的核心或者插件文件之中，對(duì)用戶不可見(jiàn)。當(dāng)用戶注釋掉自定義配置時(shí)起作用。用戶自定義配置包括兩種類(lèi)型，一種位于editor_config.js文件之中，優(yōu)先級(jí)高于系統(tǒng)默認(rèn)配置；另一種位于實(shí)例化編輯器時(shí)傳入的參數(shù)中，優(yōu)先級(jí)最高。默認(rèn)情況下，UEditor在editor_congfig.js注釋掉了所有可以省略的配置項(xiàng)，采用系統(tǒng)默認(rèn)配置，若取消注釋?zhuān)瑒t以該配置項(xiàng)為準(zhǔn)；未注釋的配置項(xiàng)要求用戶必需按照項(xiàng)目實(shí)際填寫(xiě)。這里以.net環(huán)境和VisualStudio開(kāi)發(fā)工具為例，看看UEditor的配置；在解決方案中新建目標(biāo)文件夾用于放置UE

4、ditor的所有文件內(nèi)容，我放在目標(biāo)文件夾（Scripts）下使用VS時(shí)添加現(xiàn)有項(xiàng)太麻煩？有一個(gè)快捷辦法，將UEditor解壓縮后的整個(gè)文件夾復(fù)制到目標(biāo)文件夾（Scripts）中，在VS的項(xiàng)目管理器上點(diǎn)擊顯示所有文件按鈕，解決方案資源管理器的目標(biāo)文件夾下可以找到UEditor的文件夾了，但是文件夾顯示是隱藏狀態(tài)，右鍵點(diǎn)擊文件夾，選擇包括在項(xiàng)目中，VS自動(dòng)將UEditor下的文件夾和文件全部加載到解決方案資源管理器中。在頁(yè)面上加載UEditor不論是功能定制化還是使用所有功能，配置都是在editor_config.js文件中設(shè)置。首先最主要的設(shè)置是該文件內(nèi)的URL參數(shù)，e

5、ditor_config.js可以找到URL參數(shù)進(jìn)行配置，但是如果站點(diǎn)中有多個(gè)不在同一層級(jí)的頁(yè)面需要實(shí)例化編輯器，且引用了同一UEditor的時(shí)候，可能不適用于每個(gè)頁(yè)面的編輯器。因此，UEditor提供了針對(duì)不同頁(yè)面的編輯器可單獨(dú)配置的根路徑，具體來(lái)說(shuō)，在需要實(shí)例化編輯器的頁(yè)面最頂部寫(xiě)上如下代碼即可：varURL="/UETest/ueditor/"，同時(shí)注釋掉editor_config.js文件的URL參數(shù)；這里強(qiáng)烈建議在每個(gè)使用UEditor的頁(yè)面中對(duì)URL進(jìn)行聲明，否則造成許多不必要的問(wèn)題；URL的參數(shù)值可以使用相對(duì)路徑和絕對(duì)路徑，最終指向UEditor文件夾即可

6、，強(qiáng)烈建議使用絕對(duì)路徑，例如：http://www.baidu.com/Scripts/ueditor/，千萬(wàn)不要忘記最后的”/”結(jié)束。項(xiàng)目中引用文件夾和配置URL參數(shù)后，看看頁(yè)面中如何使用UEditor吧：新建使用UEditor的頁(yè)面，在Head中聲明如下引用：editor_config.js，editor_all_min.js和ueditor.css，Css文件根據(jù)使用的模版指向正確的地址[javascript]viewplaincopy1

7、p-equiv="X-UA-Compatible"content="IE=8"/>234