百度頁面編輯器Ueditor上傳路徑配置教學(xué)

UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗等特點(diǎn)，為命令層提供底層API，如range/selection/domUtils類，全新的分層理念，滿足多元化的需求，代碼精簡，加載迅速，基于核心層開發(fā)command命令，命令之間相互獨(dú)立， 為命令層提供用戶使用界面，兼容Mozilla，MSIE，F(xiàn)ireFox，Maxthon，Safari 和Chrome，實(shí)現(xiàn)瀏覽器無差別化，統(tǒng)一不同瀏覽器下表格選取方式，經(jīng)過專業(yè)的QA團(tuán)隊測試，通過上千個測試用例，包括自動化用例和手動用例，目前仍然在不斷完善中，更好的word支持，實(shí)現(xiàn)粘貼轉(zhuǎn)換機(jī)制，提供黑/白名單的過濾機(jī)制，需要的朋友趕緊在本站下載體驗吧！

百度頁面編輯器Ueditor上傳路徑配置教學(xué)圖1

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

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

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

豐富完善的中文文檔

多個瀏覽器支持：Mozilla，MSIE，F(xiàn)ireFox，Maxthon，Safari和Chrome

更好的使用體驗

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

上傳路徑配置

支持版本：支持 UEditor 1.4.2+ 的版本

1.4.2+ 以后路徑配置主要相關(guān)的配置項是 PathFormat 和 UrlPrefix 的配置項。

1.圖片上傳：imagePathFormat、imageUrlPrefix

2.涂鴉上傳：scrawlPathFormat、scrawlUrlPrefix

3.截屏上傳：snapscreenPathFormat、snapscreenUrlPrefix

4.附件上傳：filePathFormat、fileUrlPrefix

5.視頻上傳：videoPathFormat、videoUrlPrefix

當(dāng)前文檔的例子是以 圖片上傳 為例介紹，其他配置方法類同。

作用：指定文件上傳路徑和返回路徑，支持格式化

1.4.2+ 路徑配置項無論是否以 "/" 開頭，都是相對于 網(wǎng)站根目錄 的路徑。

例如，假設(shè)網(wǎng)站根目錄是："D://apache/www/"，以下是 imagePathFormat 的配置值以及對應(yīng)的存放目錄。

1."/upload/{filename}" --> "D://apache/www/upload/"

2."upload/{filename}" --> "D://apache/www/upload/"

3."./upload/{filename}" --> "D://apache/www/upload/"

4."../upload/{filename}" --> "D://apache/upload/"

上傳路徑可以使用根路徑和相對路徑，推薦使用根路徑的配置。

使用 "/" 開頭的根路徑

imagePathFormat 參數(shù)推薦使用 "/" 開頭的配置，這樣的值指相對于網(wǎng)站根目錄的位置。

例子：網(wǎng)站根目錄是 "D://apache/www/"，imagePathFormat 參數(shù)設(shè)置為 "/upload/image/{filename}"，那么上傳位置在 "D://apache/www/upload/image/" 目錄下。

格式化上傳路徑和文件名

由于上傳文件名容易沖突，編輯器提供了配置上傳文件路徑和文件名格式的方法，可以在 config.json 配置 imagePathFormat 項，后臺上傳文件會按照配置的格式命名。

格式化字符串的參數(shù)

百度頁面編輯器Ueditor上傳路徑配置教學(xué)圖2

非法字符

后臺會過濾模板上的非法字符，非法字符列表如下，會替換成空：

百度頁面編輯器Ueditor上傳路徑配置教學(xué)圖3