1. 程式人生 > >asp.net mvc5 使用百度ueditor 本編輯器完整示例(下)

asp.net mvc5 使用百度ueditor 本編輯器完整示例(下)

一、百度ueditor 本編輯器 一個最大的優點是快速匯入word文件的內容,特別 是匯入word文件的圖文混排效果。

操作步驟:

1、先開啟word文件,Crtl +C複製 ,Ctrl+V貼上到Ueditor編輯裡。

2、再點 Ueditor編輯裡的 "W  下面一個圖片“的圖示。

3、根據提示,點複製,複製word文件內嵌的圖片路徑。確定。就可以匯入圖片了。

二、比如要在網頁上顯示一些檔案的內容。

一種方法是轉換成pdf文件,在UEditor裡以附件形式上傳,瀏覽器訪問的時候,會重新開啟一個視窗,顯示PDF檔案的內容。這種方式缺點明顯,需要再點選 一次才能訪問,而且不安全,能下載些檔案。

第二種方法:就是使用falshPaper\Flexpaper\Print2Flash箸軟體將word\PDF等檔案轉換成swf Flash檔案,使用<embed>標籤 將轉換後的swf檔案嵌入到網頁中,這樣做的好處是,在原網頁中直接檢視檔案的內容,而不能修改。也不能下載 。

操作步驟:

1、下載 Print2Flash商業版,或免費版。

2、將需要轉換的word\PDF文件 等拖進print2Falsh視窗中去,有向種介面樣式 ,個人覺得modern模式比較美觀一些。

3、轉換完成後,可以選擇另存為swf和html5兩種格式 ,選擇另存swf樣式 。

4、點選 UEdtior上的 視訊按鈕,上傳這個swf檔案 。注意:預設使用<Video>標籤 。在UEditor中選中這個swf檔案,再點視訊按鈕,文字框中出現了上傳後的地址,Ctrl+A複製文字框中的此地址。

5、在UEditor中刪除這個swf點位符,再點視訊按鈕、再點插入視訊,Crto+V粘巾地址,設定寬度和高度。比如800*600;px; 插入視訊預設使用<embed>標籤,正是flash需要的格式 。

6、再返回前臺,頁面中就直接顯示出了falsh 檔案的內容了,可以調節 大小,可以翻頁。