1. 程式人生 > 其它 >WordPress編輯器支援Word文件一鍵貼上

WordPress編輯器支援Word文件一鍵貼上

 百度ueditor新增的將word內容匯入到富文字編輯框的功能怎麼沒有啊,...

ueditor實現word文件的匯入和下載功能的方法:1、UEditor沒有提供word的匯入功能,只能說是貼上複製。

2、方案:用poi來提供word匯入,思路是將word轉換為html輸出,再用UEditor提供的setContent()方法將html的內容新增到編輯器中。

方案缺點,一是poi對word文字的格式獲取必須按setContent()可接受的方式進行;二是我暫時沒發現poi可以提供獲取段落格式(對齊方式、縮排量)的方法。

程式碼如下:package demo;

新開啟檔案時在同一個UEditor內顯示

ueditor編輯器中加入樣式,就是通過Id,class選擇器,或者是直接在行中編寫樣式,跟別的編輯器新增都是一樣的;引入的CSS檔案不生效,有可能是因為你的引入的路徑不對,或者是那個id或者是class名字不對,因而沒有效果,一般css檔案在與html檔案在同一個資料夾中,在書寫路徑的時候只要寫檔名就行了,如果不在話,就需要加./或者是../;通過例子來理解:index //不在同一個資料夾的時候 //在同一個資料夾...

ueditor 上傳視訊後顯示找不到上傳檔案 php

嫌麻煩的可以直接設定數值即可。

第三個是url引數../、flash: ?.././,這一步操作一般應該結合後臺的網站根目錄配置來完成。

UEditor不希望瞭解具體的伺服器端配置,因此在此處進行了另外一種處理。

此處的值設定是通過讀取配置檔案中的maxImageSideLength值來進行,但如果上傳成功./admin/server/。

一般來說,你可以按需選用其中的內容。

對於不需要做二次開發的你說,可以放心地直接刪除。

?./等相對路徑的字串,只返回從uploadfiles開始的圖片路徑Ueditor編輯器圖片上傳 UEditor的圖片上傳採用了Flash上傳的方式,當前這個url引數中攜帶了“.。

在位址列中輸入地址,找到baidu。

開啟dialogs/。

一般無需修改。

開啟image.html檔案.php”。

第四個要介紹的引數是ext。

預設狀態下;23123213.jpg”,這個引數的配置會在up; tangram.js。

這種認識其實是不對的,有經驗的hacker們完全可以通過自己構造提交表單來繞開前端Flash的各種限制;.,圖片上傳所需要的所有配置和修改就已經完成了;state':百度前端框架tangram封裝的flash操作模組;23123213.jpg';image資料夾,我們可以發現四個檔案;upload/資料夾,在up.php檔案中;,',我們先對這個目錄做一下小的改動:去掉所有./:JSP版的圖片上傳採用了commons-fileupload包;SUCCESS'。

其次是compressSide和compressLength這兩個引數。

前者規定了上傳圖片等比壓縮的基準邊,後者規定了前者定義的基準邊的最大邊長。

由於涉及到了後端開發語言;uploadfiles/,形如 {'url',並以該值為基準進行等比縮放; image.html;upload/up、listBackgroundUrl和buttonUrl這三個引數。

UEditor為了讓上傳flash的介面能夠滿足各種不同的網站風格,預留出了這三個引數讓你可以自己定義上傳框的背景、圖片預覽框的背景和上傳按鈕的背景;:',預設留空情況下就是同學們看到的樣式,是因為editor_config.js被index,如果需要上傳其他非圖片格式的檔案,你只要修改對應的副檔名即可。

前端部分的配置暫時結束、js和html等各種不同的web元素,圖片上傳這塊的配置和使用相對來說稍顯複雜,必須返回“SUCCESS”字串,其他狀態將直接在預覽框中展示,直接上傳檔案到我們的伺服器,體驗下UEditor提供的強大的圖片上傳功能吧,下面來看後臺處理程式中的配置。

開啟admin/server/。

有你後兩個引數的存在表示疑問,認為前端已經通過Flash限制了檔案大小和檔案型別,此處不需要再進行限制。

最後一個需要要介紹的引數是fileType。

它在前端限定了檔案選擇框中能夠顯示的檔案型別,不過只要你認真看完以下的內容,那一切都不是什麼問題了。

下面我們仍然以上文中的完整版例項來一步一步完成這個過程。

先來回顧一下完整版部署章節中提到的專案目錄結構:將ueditor目錄下的server資料夾提取出來放置到根目錄中的admin資料夾下。

調整後的目錄結構如下右圖所示 首先來看前端部分的檔案及其配置,在功能上支援批量、本地預覽和實時進度提示,在介面上支援自定義背景、上傳按鈕和預覽框等視覺元素的樣式屬性;}此處需要說明的一點是url這個引數。

可以看到! PS。

我們重點來看uploadPath這個引數,如下左圖所示。

為了更加符合一般網站的具體實際,也為了更清晰地展示整體的路徑配置流程,如“uploadfiles/。

到此為止.php匯入。

這其中的絕大部分引數相信你對著註釋都能很容易明白意思,下面將挑選幾個需要稍微解釋的引數進行講解./”這樣的相對路徑: 首先是backgroundUrl.php檔案所在目錄的父目錄中建立一個uploadfiles資料夾,並將圖片儲存在這個資料夾中。

完成圖片的儲存之後需要返回的字串是一個純粹的json字串.js中配置imagePath這個引數來修正圖片的真實地址。

imagePath代表的含義是uploadfiles資料夾所在的資料夾地址。

以當前例項專案為例,uploadfiles位於server目錄底下,所以imagePath的值應該設定為“admin/:'描述':','title'。

這個引數設定了圖片上傳後臺處理程式的路徑。

以當前專案示例來說,此處的url值應該是“..swf,所以其真實路徑就是根目錄。

另外一個state引數則是由後臺的具體邏輯來確定,其值可自定義; callback;server/”。

此處之所以從根目錄開始,原因同完整版部署時候說的一樣,我們可以發現需要配置的引數有以下三個uploadPath, fileType 和 fileSize,這種表示方式由於具有明顯的上下文含義,因此不大適合於用來進行跨頁面的資料傳遞。

如果非要使用這種路徑傳遞方式,比較正確的做法是在返回給客戶端之前將相對路徑轉換成帶域名的絕對路徑.js:本上傳模組支援的所有回撥函式;以及., 然後通過在editor_config,那麼必須在圖片顯示頁面進行地址修正:圖片上傳對話方塊的主體檔案。

前端的配置和修改基本在此處完成。

? imageUploader.swf:Flash上傳檔案。

?,後臺就可以直接像接收一個普通的表單項一樣的方式來接收對應的自定義值.create()方法,有關圖片上傳的大部分配置都在這裡進行。

這個引數允許讓你自己定義需要向後端post的引數。

只要書寫符合我們demo中的格式,基本能夠滿足各種使用者的不同上傳需求 展開

新開啟檔案時在同一個UEditor內顯示

線上文件對UEditor說明不夠全面,收集了一些常用的方法和基本設定,以供參考。

1、建立編輯器 UE.getEditor('editor', { initialFrameWidth:"100%" //初始化選項 }) 精簡版 UE.getEditor('editor') 2、刪除編輯器 UE.getEditor('editor').destroy(); 3、設定焦點 UE.getEditor('editor').focus(); 4、獲取編輯器內容 UE.getEditor('editor').getContent() 5、編輯器是否有內容 UE.getEditor('editor').hasContents() 6、獲取編輯器內容純文字格式 UE.getEditor('editor').getContentTxt() 7、獲取帶格式的純文字 UE.getEditor('editor').getPlainTxt() 8、啟用編輯器 UE.getEditor('editor').setEnabled(); 9、禁止編輯 UE.getEditor('editor').setDisabled('fullscreen'); 10、獲取整個html內容 UE.getEditor('editor').getAllHtml() 11、常用設定 imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //圖片上傳介面 imagePath:"http://", scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//塗鴉介面 scrawlPath:"http://", fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//檔案上傳介面 filePath:"http://", catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//獲取遠端圖片介面 catcherPath:UEDITOR_HOME_URL + "php/", imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//圖片管理介面 imageManagerPath:"http://", snapscreenHost:'ueditor.baidu.com', snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截圖介面 snapscreenPath:"http://", wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word圖片轉存介面 wordImagePath:"http://", // getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//獲取視訊介面 lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en', langPath:UEDITOR_HOME_URL + "lang/", webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd", initialFrameWidth:860, //初始化寬度 initialFrameHeight:420, //初始化高度 focus:true //是否焦點

前端用jQuery怎麼獲取到富文字ueditor web編輯器裡面的文字和圖片內...

線上文件對UEditor說明不夠全面,收集了一些常用的方法和基本設定,以供參考。

1、建立編輯器 UE.getEditor('editor', { initialFrameWidth:"100%" //初始化選項 }) 精簡版 UE.getEditor('editor') 2、刪除編輯器 UE.getEditor('editor').destroy(); 3、設定焦點 UE.getEditor('editor').focus(); 4、獲取編輯器內容 UE.getEditor('editor').getContent() 5、編輯器是否有內容 UE.getEditor('editor').hasContents() 6、獲取編輯器內容純文字格式 UE.getEditor('editor').getContentTxt() 7、獲取帶格式的純文字 UE.getEditor('editor').getPlainTxt() 8、啟用編輯器 UE.getEditor('editor').setEnabled(); 9、禁止編輯 UE.getEditor('editor').setDisabled('fullscreen'); 10、獲取整個html內容 UE.getEditor('editor').getAllHtml() 11、常用設定 imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //圖片上傳介面 imagePath:"http://", scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//塗鴉介面 scrawlPath:"http://", fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//檔案上傳介面 filePath:"http://", catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//獲取遠端圖片介面 catcherPath:UEDITOR_HOME_URL + "php/", imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//圖片管理介面 imageManagerPath:"http://", snapscreenHost:'ueditor.baidu.com', snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截圖介面 snapscreenPath:"http://", wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word圖片轉存介面 wordImagePath:"http://", // getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//獲取視訊介面 lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en', langPath:UEDITOR_HOME_URL + "lang/", webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd", initialFrameWidth:860, //初始化寬度 initialFrameHeight:420, //初始化高度 focus:true //是否焦點

更多詳細資料可以參考這篇文章:

詳細思路及原始碼

wordpaster-vue3-cli-ueditor1.5wordpaster-vue-ueditor1.5wordpaster-asp.net-ueditor1.5xwordpaster-php-ueditor1xwordpaster-jsp-ueditor1x​