⑴ 實現在微信中不藉助第三方閱讀器，直接在HTML5網頁上查看word/excel/ppt/pdf文檔
display: block;
-webkit-user-modify: read-write-plaintext-only
}
在css里邊找到.x-input-el
把下邊-webkit-user-modify: read-write-plaintext-only
這句添加上，就ok了。
⑵ html網站怎麼在網頁中在線打開word文件，最好有代碼
內容小的話通過裁圖就行打的話用Adobe Dreamweaver CS5編輯就行裡面有這功能
⑶ Microsoft Word 如何製作HTML5頁面
我們一直在開發這方面的h5 ,可以聊聊
⑷ 使用HTML5或者js方法實現瀏覽器無插件瀏覽office文件方法
雲深文檔管理團隊解決了這個問題，可以無插件進行office進行預覽。
是目前國內最好用的文檔管理系統。
⑸ 無插件不用FLASH怎麼用javaSCRIPT和HTML5實現百度文庫，豆丁那樣的在線閱讀文檔的功能
網路文庫、豆丁是用flash的
⑹ 怎麼在網頁中打開word文檔.用代碼實現
將Word轉Html的原理是這樣的：
1、客戶上傳Word文檔到伺服器
2、伺服器調用OpenOffice程序打開上傳的Word文檔
3、OpenOffice將Word文檔另存為Html格式
4、Over
至此可見，這要求伺服器端安裝OpenOffice軟體，其實也可以是MS Office，不過OpenOffice的優勢是跨平台，你懂的。恩，說明一下，本文的測試基於 MS Win7 Ultimate X64 系統。
下面就是規規矩矩的實現。
1、下載OpenOffice，
2、下載Jodconverter 這是一個開啟OpenOffice進行格式轉化的第三方jar包。
3、泡杯熱茶，等待下載。
4、安裝OpenOffice，安裝結束後，調用cmd，啟動OpenOffice的一項服務：C:\Program Files (x86)\OpenOffice.org 3\program>soffice -headless -accept="socket,port=8100;urp;"
5、打開eclipse
6、喝杯熱茶，等待eclipse打開。
7、新建eclipse項目，導入Jodconverter/lib 下得jar包。
* commons-io
* jodconverter
* juh
* jurt
* ridl
* slf4j-api
* slf4j-jdk14
* unoil
* xstream
8、Coding...
查看代碼
package com.mzule.doc2html.util;
import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.ConnectException;
import java.util.Date;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
import com.artofsolving.jodconverter.DocumentConverter;
import com.artofsolving.jodconverter.openoffice.connection.OpenOfficeConnection;
import com.artofsolving.jodconverter.openoffice.connection.SocketOpenOfficeConnection;
import com.artofsolving.jodconverter.openoffice.converter.OpenOfficeDocumentConverter;
/**
* 將Word文檔轉換成html字元串的工具類
*
* @author MZULE
*
*/
public class Doc2Html {
public static void main(String[] args) {
System.out
.println(toHtmlString(new File("C:/test/test.doc"), "C:/test"));
}
/**
* 將word文檔轉換成html文檔
*
* @param docFile
* 需要轉換的word文檔
* @param filepath
* 轉換之後html的存放路徑
* @return 轉換之後的html文件
*/
public static File convert(File docFile, String filepath) {
// 創建保存html的文件
File htmlFile = new File(filepath + "/" + new Date().getTime()
+ ".html");
// 創建Openoffice連接
OpenOfficeConnection con = new SocketOpenOfficeConnection(8100);
try {
// 連接
con.connect();
} catch (ConnectException e) {
System.out.println("獲取OpenOffice連接失敗...");
e.printStackTrace();
}
// 創建轉換器
DocumentConverter converter = new OpenOfficeDocumentConverter(con);
// 轉換文檔問html
converter.convert(docFile, htmlFile);
// 關閉openoffice連接
con.disconnect();
return htmlFile;
}
/**
* 將word轉換成html文件，並且獲取html文件代碼。
*
* @param docFile
* 需要轉換的文檔
* @param filepath
* 文檔中圖片的保存位置
* @return 轉換成功的html代碼
*/
public static String toHtmlString(File docFile, String filepath) {
// 轉換word文檔
File htmlFile = convert(docFile, filepath);
// 獲取html文件流
StringBuffer htmlSb = new StringBuffer();
try {
BufferedReader br = new BufferedReader(new InputStreamReader(
new FileInputStream(htmlFile)));
while (br.ready()) {
htmlSb.append(br.readLine());
}
br.close();
// 刪除臨時文件
htmlFile.delete();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
// HTML文件字元串
String htmlStr = htmlSb.toString();
// 返回經過清潔的html文本
return clearFormat(htmlStr, filepath);
}
/**
* 清除一些不需要的html標記
*
* @param htmlStr
* 帶有復雜html標記的html語句
* @return 去除了不需要html標記的語句
*/
protected static String clearFormat(String htmlStr, String docImgPath) {
// 獲取body內容的正則
String bodyReg = "<BODY .*</BODY>";
Pattern bodyPattern = Pattern.compile(bodyReg);
Matcher bodyMatcher = bodyPattern.matcher(htmlStr);
if (bodyMatcher.find()) {
// 獲取BODY內容，並轉化BODY標簽為DIV
htmlStr = bodyMatcher.group().replaceFirst("<BODY", "<DIV")
.replaceAll("</BODY>", "</DIV>");
}
// 調整圖片地址
htmlStr = htmlStr.replaceAll("<IMG SRC=\"", "<IMG SRC=\"" + docImgPath
+ "/");
// 把<P></P>轉換成</div></div>保留樣式
// content = content.replaceAll("(<P)([^>]*>.*?)(<\\/P>)",
// "<div$2</div>");
// 把<P></P>轉換成</div></div>並刪除樣式
htmlStr = htmlStr.replaceAll("(<P)([^>]*)(>.*?)(<\\/P>)", "<p$3</p>");
// 刪除不需要的標簽
htmlStr = htmlStr
.replaceAll(
"<[/]?(font|FONT|span|SPAN|xml|XML|del|DEL|ins|INS|meta|META|[ovwxpOVWXP]:\\w+)[^>]*?>",
"");
// 刪除不需要的屬性
htmlStr = htmlStr
.replaceAll(
"<([^>]*)(?:lang|LANG|class|CLASS|style|STYLE|size|SIZE|face|FACE|[ovwxpOVWXP]:\\w+)=(?:'[^']*'|\"\"[^\"\"]*\"\"|[^>]+)([^>]*)>",
"<$1$2>");
return htmlStr;
}
}
⑺ 用html5如何開發網頁word,ppt
初次接觸移動端，絕對單位的使用
自己接觸移動端開發是在2012年，那時候比較新潮的是製作WEB APP。什麼是WEB APP呢？所謂的WEB APP就是用網頁模擬出原生語言（如iOS）開發的APP交互效果。雖然在表現層面上，HTML5表現突出，但不得不承認的是，在系統性能層面，WEB APP明顯要差於原生應用（即Native APP）。這也就使得WEB APP這條路暫時性的被堵住了。
於是，移動端的開發方向逐漸向移動端網頁傾斜。對於PC端，我們一直使用的是px（像素）進行代碼的書寫，但是到了移動端，需要面臨不同的解析度。在2012年的時候，自己和團隊成員在寫移動端的時候，由於是初次接觸，還是在使用px（像素）作為單位。因為在2012年的時候，絕大多數的手機的屏幕大小都是320*480解析度，所以，即便是使用像素作為單位進行移動端網頁開發也是完全可以的。
關於視口的知識，可點擊查看——移動端H5知識-視口viewport
橫向百分比，縱向像素值
隨著移動端的繼續發展，在2012年9月，iPhone5上市，開始引領「特殊解析度」的發展，於是，320*480解析度的手機屏幕在整個手機市場當中佔有的份額越來越少，各種各樣的解析度如雨後春筍般冒了出來。
此時我們再進行固定像素進行開發明顯是不明智的。於是，我們開始採用百分比（相對度量單位）進行盒模型橫向屬性（width、左右內邊距、左右外邊距）的製作，使用em（相對度量單位）實現文字的處理。但盒模型縱向上還是使用固定像素作為單位。
但是，這種操作導致了一個問題——主要表現在img標簽的處理上。對於圖片來說，只需要設置橫向百分比，縱向會自動等比例縮放。在列表頁以及內容頁還好，畢竟內容是自動撐開父級高度的；但是在首頁或者二級頁，但凡涉及到父級元素高度固定的盒模型，裡面的img就會出現變形（壓縮或者拉伸）的問題。
這個問題也是困擾了自己許久，但是一直沒有找到一個非常好的解決辦法。
響應式布局
當自己還在糾結img的處理時，2013年，在北京流行起了一種新的技術——響應式布局。通過媒體查詢，針對不同大小解析度的設備，設置不同的樣式。應該說，對移動端頁面的開發幫助不大，原因在於，響應式的出現主要是因為我們希望一段代碼能夠同時適配PC端、平板電腦以及手機。由於三種平台的樣式以及用戶體驗應該是迥然不同的，那麼此時，我們就需要有「斷點」，在不同位置，有不同的樣式，而在兩個「斷點」之間的樣式，則使用相對單位做「漸變性的過渡」。
應該說，響應式布局解決了典型的屏幕像素不同樣式的問題，但是卻依舊搞定不了之前的那個問題。
關於CSS3媒體查詢的知識，可點擊查看——移動端H5知識-CSS3媒體查詢
橫向縱向均百分比
在橫向百分比，縱向像素值的方法無效時，自己能夠想到的就是縱向也設置為百分比了，但是卻發現，盒模型屬性在縱向上的一些設置上是存在問題的，如padding-top/bottom、margin-top/bottom等。而文本屬性中line-height在設置百分比時也並不是按照當前元素高度計算的。
於是，橫縱向均設置為百分比的方法就破滅了~
關於盒模型的一些問題以及背景的合理使用，可點擊查看——移動端H5知識-百變盒模型以及移動端H5知識-背景的妙用
橫向縱向rem
隨著HTML5的發展，除了原來的em單位，又新增了rem單位。這兩個單位都是相對單位。1em表示的是當前元素一個字體大小的尺寸；而1rem，也表示的是一個字體大小的尺寸，但是是針對html標簽進行計算的。相比之下，rem的計算起來要簡單很多。於是，自己嘗試用rem解決橫向以及縱向的設置，舍棄掉了百分比，發現還是挺不錯的，算是兼容了絕大多數機型和瀏覽器。之後，在使用一款華為手機進行測試的時候，發現並不支持橫向的rem。於是，又需要想辦法啦~~~
正解 —— 橫向百分比，縱向rem
針對華為手機，我嘗試了橫向百分比，發現還是能夠支持的，於是就折中了一下，橫向使用百分比進行控制，縱向使用rem作為單位。此時能夠實現所有瀏覽器的兼容。
優化正解 —— 橫向百分比，縱向rem
在橫向使用百分比，縱向使用rem時，會由於計算產生一定的誤差，於是，運用學習過的一些HTML5技術，進行移動端頁面的優化，例如，使用CSS3的盒陰影替換掉邊框。而對於rem，在計算中通常是存在一定的字體誤差的（會計算出小數點），此時正好接觸了一下淘寶的移動端頁面，看到了一個不錯的JS框架——flexible.js，通過這個框架對頁面進行處理，能夠防止小數點的出現。
關於flexible.js框架的具體用法，可點擊查看——移動端H5知識-處理rem小數點 flexible.js
優化正解2 —— 任性的使用固定像素來實現
上個月月初，發現網易移動端的製作方法有些特殊，查看代碼時發現，網易採用了固定像素進行書寫，而通過MetaHandler.js進行了頁面的控制。最近嘗試了一下，感覺還是挺不錯的，兼容也是比較好的，不失為一種好方法。
⑻ 有沒有辦法讓HTML5 canvas顯示/預覽word/excel/powerpoint 文檔
目前找到的幾種方式：
1.像以前的網路文庫那樣，先轉換成flash，然後放在網頁上。
說明：使用軟體OpenOffice/LibreOffice，swftools。
優點：在國內，由於Flash安裝量很大，而且很多人用IE和Chrome內核的瀏覽器，所以是可以查看的。
缺點：OpenOffice/LibreOffice轉換的結果可能會丟失格式/排版（我沒試過所以不知道會不會），而且比較耗伺服器資源，如果瀏覽器沒裝Flash就沒法查看文檔了，尤其是移動端。
2.轉換成PDF，然後用Mozilla的pdf.js查看。
說明：轉換成PDF的方法可以用OpenOffice/LibreOffice，也可以用七牛的第三方服務「文檔轉換」（由億方雲提供）。
優點：如果是把文件存放在七牛雲，用在線的服務會比較有保障，載入速度也快。
缺點：收費，不過費用很低廉，pdf.js可能比較大，載入相對慢點，放到七牛上面會好些，對移動端支持不好。
3.轉換成HTML，像現在的網路文庫那樣。
說明：使用PHPOffice和PDFtoHTML將文檔轉換成HTML直接在瀏覽器輸出，類似現在的網路文庫。
優點：瀏覽器無需安裝任何插件，也不用擔心兼容性問題，還支持移動端。
缺點：可能會丟失格式，而且用戶可以直接拷貝文檔內容，如果是扣積分下載的話，可能達不到目的。
⑼ html5能顯示pdf文件，能不能顯示word和excel文件。如果能的話，希望貼出代碼，謝謝。
網易郵箱可以預覽word和excel文件，是由微軟公司提供的技術。國內永中公司也提供這種技術。不過都不是免費的。
⑽ word文檔轉html5
可以到雲展網，它是免費的Flash/html5文檔製作、發布的平台，不過需要你先把word轉換為PDF，再上傳到雲展網。轉換word很簡單啦，可以在word裡面直接另存為PDF格式就可以了。