任務(wù): 今天接到一個(gè)急活穆端,要把幾個(gè)word文檔內(nèi)容放在我之前開發(fā)的一個(gè)網(wǎng)站上困曙。難度有三點(diǎn):一是word包含很多復(fù)雜表格恰矩,網(wǎng)頁要按照相同格式顯示记盒;二是要支持檢索;三是時(shí)間很緊外傅,要求半天就上線纪吮。
提需求的人可能覺得俩檬,這就是復(fù)制粘貼的活,應(yīng)該很快碾盟。但實(shí)際上棚辽,網(wǎng)頁只認(rèn)html標(biāo)簽,word里的表格冰肴,我都得轉(zhuǎn)成一個(gè)個(gè) <tr>
<td>
這樣的標(biāo)簽才能被瀏覽器解析屈藐。要是手工去做的話,半天肯定做不完熙尉。
幸好我發(fā)現(xiàn)了office提供了另存為網(wǎng)頁(*.html)的選項(xiàng)联逻,保存后得到 .html
文件。打開后检痰,可以看到轉(zhuǎn)換后的文件就是一個(gè)標(biāo)準(zhǔn)的html文件包归,雖然特別冗長(zhǎng),充滿內(nèi)嵌樣式攀细,但好在不用自己手動(dòng)轉(zhuǎn)換了箫踩。
將這個(gè)html文本內(nèi)嵌在web頁面中,甚至都不需要去掉 <html>
<head>
等標(biāo)簽谭贪,chrome就能夠解析這個(gè)轉(zhuǎn)換后的內(nèi)容境钟。本來很繁瑣的活,用這種方法的話俭识,不到十分鐘就能完美解決慨削。
?? 0
?? 0