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

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

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

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

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

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

豐富完善的中文文檔

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

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

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

上傳路徑配置

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

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

1.圖片上傳：imagePathFormat、imageUrlPrefix

2.涂鴉上傳：scrawlPathFormat、scrawlUrlPrefix

3.截屏上傳：snapscreenPathFormat、snapscreenUrlPrefix

4.附件上傳：filePathFormat、fileUrlPrefix

5.視頻上傳：videoPathFormat、videoUrlPrefix

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

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

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

例如，假設(shè)網(wǎng)站根目錄是："D://apache/www/"，以下是 imagePathFormat 的配置值以及對(duì)應(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/"

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

使用 "/" 開(kāi)頭的根路徑

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

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

格式化上傳路徑和文件名

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

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

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

非法字符

后臺(tái)會(huì)過(guò)濾模板上的非法字符，非法字符列表如下，會(huì)替換成空：

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