整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML編輯器 復制WORD里面帶圖文的文章，圖片可以直接顯示，JSP – 支持WORD上傳的富文本編輯器，EWEBEDITOR 從WORD中復制內容帶多張圖片，如何從WORD文檔復制公式到富文本編輯器，復制word圖片，從word中復制圖片,
從word中粘貼圖片，粘貼word內容，粘貼word圖片，粘貼word圖文，復制粘貼word文檔，復制粘貼word圖片，復制粘貼word圖文，復制粘貼word內容，
之前在網上找過相關的資料，論壇里面也有網友交流過，還加過不少QQ群和微信群，但是結果都不太令人滿意。相關的文章提問的人多，能夠給出方案的人少，能夠給出成熟產品的就更少了，說的直接一點根本就沒有，純屬浪費時間。要示例沒示例，要代碼沒代碼，根本就用不了，
有幾個方面的原因吧，一個是網上的資料提的一些都是開源的方案，也不是說開源的方案不行，關鍵是提到的這些方案，公司項目組去評估發現聯系不到開發人員，而且方案本身也停止更新了，處于沒有人維護的狀態，所以項目組這邊不太敢用。主要是之前在這塊也踩過坑。
客戶那邊也不差這點錢，之前公司項目組就是在這塊踩過坑，用了開源的方案，客戶那邊提了一個新需求，但是由于項目組對產品本身并不熟悉，導致沒辦法進行二次開發。
從word中復制圖片和文字內容，然后粘貼到web富文本編輯器中，粘貼后word圖片自動上傳到web服務器中，自動將圖片和文字HTML添加到編輯器中，保留word中的文字格式，文字顏色，字體，樣式，
用戶發布新聞的時候是從word里面復制圖片和文字，然后將word圖文內容粘貼到web富文本編輯器中，希望能夠將word的圖片自動上傳到服務器中，服務器地址能夠自定義，
后端的話需要支持任意開發語言，比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于標準HTTP協議的都要支持。如果能夠不裝控件最好，視頻教程：https://www.ixigua.com/7233953214108795407
1.下載示例：
http://www.ncmem.com/webapp/wordpaster/versions.aspx
2.復制WordPaster插件目錄
3.引入插件文件
注意：不要重復引入jquery，如果您的項目已經引入了jq，則不用再引入jq-1.4
4.在工具欄中增加插件按鈕
6.初始化控件
注意：
1.如果接口字段名稱不是file，請配置FileFieldName。ueditor接口中使用的upfile字段
參考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45
2.如果接口返回JSON，請配置ImageMatch
參考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
3.如果接口返回的圖片地址沒有域名，請配置ImageUrl
參考：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有權限驗證（登陸驗證，SESSION驗證），請配置COOKIE。或取消權限驗證。
參考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
效果
訂閱版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/
年費版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
OEM版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY
產品源代碼：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr
授權碼生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1
TML編輯器從WORD復制粘貼圖片,HTML編輯器從WORD復制圖片,HTML編輯器從WORD粘貼圖片,javascript支持WORD上傳的富文本編輯器，JS支持word上傳的富文本編輯器,html支持word上傳的富文本編輯器，前端支持word上傳的富文本編輯器，vue支持word上傳的富文本編輯器，javascript粘貼word圖片，js粘貼word圖片，javascript導入word，js導入word，word文檔如何存到HTML編輯器上，word圖片如何保存到html編輯器上，word圖文如何保存到html編輯器上，word文檔如何轉存到html編輯器上，word文檔如何轉存到富文本編輯器上，word文檔如何轉存到web編輯器上，word文檔如何轉存到百度富文本編輯器上
HTML編輯器粘貼word圖片，web編輯器粘貼word圖片，web富文本編輯器粘貼word，
粘貼word內容，粘貼word圖片，粘貼word圖文，
用戶發布新聞的時候是從word里面復制圖片和文字，也就是復制word文檔里面的內容，這些內容包含文字和圖片
然后將word圖文內容粘貼到web富文本編輯器中，圖片自動上傳到web服務器中，上傳通過指定的接口，接口能夠自定義，能夠在內網使用，能夠在外網使用
粘貼后自動返回文字和圖片HTML，圖片和文字HTML自動添加到編輯器中，用戶能夠直接看到粘貼后的效果，能夠不裝插件最好。
1.下載示例：
http://www.ncmem.com/webapp/wordpaster/versions.aspx
2.復制WordPaster插件目錄
3.引入插件文件
注意：不要重復引入jquery，如果您的項目已經引入了jq，則不用再引入jq-1.4
4.在工具欄中增加插件按鈕
6.初始化控件
注意：
1.如果接口字段名稱不是file，請配置FileFieldName。ueditor接口中使用的upfile字段
參考：http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45
2.如果接口返回JSON，請配置ImageMatch
參考：http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
3.如果接口返回的圖片地址沒有域名，請配置ImageUrl
參考：http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
4.如果接口有權限驗證（登陸驗證，SESSION驗證），請配置COOKIE。或取消權限驗證。
參考：http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
效果
訂閱版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwE99pINf
年費版報價單：https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/
方式一、pdf文件理論上可以在瀏覽器直接打開預覽但是需要打開新頁面。在僅僅是預覽pdf文件且UI要求不高的情況下可以直接通過a標簽href屬性實現預覽
<a href="文檔地址"></a>
方式二、通過jquery插件jquery.media.js實現 這個插件可以實現pdf預覽功能（包括其他各種媒體文件）但是對word等類型的文件無能為力。 實現方式： js代碼：
<script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.media.js"></script> 復制代碼
html結構：
<body> <div id="handout_wrap_inner"></div> </body> 復制代碼
調用方式：
<script type="text/javascript">
$('#handout_wrap_inner').media({
width: '100%',
height: '100%',
autoplay: true,
src:'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf',
});
</script>
復制代碼
方式三、直接通過頁面內嵌iframe
$("<iframe src='"+ this.previewUrl +"' width='100%' height='362px' frameborder='1'>").appendTo($(".video-handouts-preview"));
復制代碼
此外還可以在iframe標簽之間提供一個提示類似這樣
<iframe :src="previewUrl" width="100%" height="100%"> This browser does not support PDFs. Please download the PDF to view it: <a :href="previewUrl">Download PDF</a> </iframe> 復制代碼
方式四、通過標簽嵌入內容
<embed :src="previewUrl" type="application/pdf" width="100%" height="100%">
此標簽h5特性中包含四個屬性：高、寬、類型、預覽文件src！ 與< iframe > < / iframe > 不同，這個標簽是自閉合的的，也就是說如果瀏覽器不支持PDF的嵌入，那么這個標簽的內容什么都看不到！
方式五、標簽和iframe使用差別較小
<object :src="previewUrl" width="100%" height="100%"> This browser does not support PDFs. Please download the PDF to view it: <a :href="previewUrl">Download PDF</a> </object> 復制代碼
除方式二以外其他都是直接通過標簽將內容引入頁面實現預覽
方式六、PDFObject
PDFObject實際上也是通過標簽實現的直接上代碼
<!DOCTYPE html>
<html>
<head>
<title>Show PDF</title>
<meta charset="utf-8" />
<script type="text/javascript" src='pdfobject.min.js'></script>
<style type="text/css">
html,body,#pdf_viewer{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="pdf_viewer"></div>
</body>
<script type="text/javascript">
if(PDFObject.supportsPDFs){
// PDF嵌入到網頁
PDFObject.embed("index.pdf", "#pdf_viewer" );
} else {
location.href = "/canvas";
}
</script>
</html>
還可以通過以下代碼進行判斷是否支持PDFObject預覽
if(PDFObject.supportsPDFs){
console.log("Yay, this browser supports inline PDFs.");
} else {
console.log("Boo, inline PDFs are not supported by this browser");
}
復制代碼
方式七、PDF.js
PDF.js可以實現在html下直接瀏覽pdf文檔，是一款開源的pdf文檔讀取解析插件，非常強大，能將PDF文件渲染成Canvas。PDF.js主要包含兩個庫文件，一個pdf.js和一個pdf.worker.js，一個負責API解析，一個負責核心解析。
word、ppt、xls文件實現在線預覽的方式比較簡單可以直接通過調用微軟的在線預覽功能實現 (預覽前提：資源必須是公共可訪問的)
<iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%' frameborder='1'> </iframe> 復制代碼
src就是要實現預覽的文件地址 具體文檔看這微軟接口文檔
補充：google的文檔在線預覽實現同微軟（資源必須是公共可訪問的）
<iframe :src="'https://docs.google.com/viewer?url="fileurl"></iframe> 復制代碼
3、word文件
XDOC可以實現預覽以DataURI表示的DOC文檔，此外XDOC還可以實現文本、帶參數文本、html文本、json文本、公文等在線預覽，具體實現方法請看官方文檔
下面這種方式可以實現快速預覽word但是對文件使用的編輯器可能會有一些限制
<a target="_blank" rel="nofollow">XDOC</a> 復制代碼
4、excel文件
目前excel文件已經有了類似pdf.js那樣的解析sheet.js
總結：
1、免費純前端方式實現在線預覽word、excel、ppt最優選擇微軟在線預覽（不可編輯）
2、利用后端將文件轉為圖片，前端以圖片形式預覽（可行方案）
3、購買在線預覽服務例如百度DOC文檔服務、永中、I DOC VIEW等
著名：文章內容是從網上搜集資料所得；在次發表只為自己以及頭條程序員兄弟日后使用圖個方便。
覺得有用記得收藏轉發！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
