需求：
把幾份word文檔（需求說明作瞄、法規(guī)文件等等）放到手機(jī)端某弦，需要用h5的形式展示出來。
方法一垢夹、自己寫成html標(biāo)簽的段落：
話不多說溢吻，show my code：
var content=" 該模型描述水質(zhì)組分的遷移變化在兩個(gè)方向上是重要的，
<br/> 在另外一個(gè)方向上是均勻分布的果元，這種水質(zhì)模型稱為二維水質(zhì)模型促王。 " +
"<pre><img class='imgDiv' src='../../img/ic_erwei_water1.png'>" +
"<pre><br/>二維穩(wěn)態(tài)混合模型公式：" +
"<pre><img class='imgDiv' src='../../img/ic_erwei_water2.png'>" +
"<pre><br/>適用條件：" +
"<br/> ① 平直、斷面形狀規(guī)則河流混合過程段而晒；" +
"<br/> ② 持久性污染物蝇狼；" +
"<br/> ③ 河流穩(wěn)定流動；" +
"<br/> ④ 連續(xù)穩(wěn)定排放倡怎；" +
"<br/> ⑤ 對于非持久性污染物迅耘，需采用相應(yīng)的衰減模式贱枣。",
預(yù)覽效果還是不錯(cuò)的，是這樣的：
image.png
我用Angular寫的 具體操作是：
- 在控制器初始化的時(shí)候添加
$sce參數(shù)：
myModule.controller("MyCtrl", function ($scope, $sce) {
}
- 使得content這個(gè)
div能解釋出html標(biāo)簽：
$scope.toHTML = function (content) {
return $sce.trustAsHtml(content);
};
- 先在html寫一個(gè)
toHTML()綁定方法：
<div ng-bind-html=toHTML(content)></div>
這樣我們得到的html文本就可以解析出標(biāo)簽了颤专。
方法二纽哥、直接把word文件轉(zhuǎn)成‘html’文件：
這里呢又有有兩個(gè)方法了：
- 1.直接轉(zhuǎn)化為html文件，直接打開即可栖秕。
image.png
注意 :
不要轉(zhuǎn)化為“網(wǎng)頁（.htm）”春塌，而是要“篩選過的網(wǎng)頁（.htm）”。因?yàn)榍罢邥蒱tml文件累魔、資源文件夾等等幾個(gè)文件摔笤，而后者是我們比較熟悉的東西，如果是純文本還是后者好一些垦写。
- 2.先將word文件按照“網(wǎng)頁（.htm）”方式轉(zhuǎn)換吕世，會產(chǎn)生一個(gè)網(wǎng)頁文件和一個(gè)圖片文件夾。這時(shí)將所有的文檔都關(guān)掉梯投，將產(chǎn)生的新網(wǎng)頁文件打開命辖。然后全選（ctrl＋a，ctrl＋c）網(wǎng)頁內(nèi)容分蓖。新建一個(gè)word文件尔艇，讓后將內(nèi)容拷貝其中（ctrl＋v）,然后在將這個(gè)文件轉(zhuǎn)為 單個(gè)網(wǎng)頁文件。這時(shí)你會驚奇的發(fā)現(xiàn)么鹤，新產(chǎn)生的單個(gè)文件的網(wǎng)頁的大小已經(jīng)變的很小了（摘抄自網(wǎng)上）终娃。
變成了html文件應(yīng)該知道怎么弄了吧？和我們自己寫的原生html文件一樣蒸甜。當(dāng)然棠耕，直接放到手機(jī)里效果是不理想的。我們手動添加一個(gè)標(biāo)題以后會好些柠新。然后給他添加一個(gè)點(diǎn)擊返回的方法就差不多了窍荧。如果對頁面字體、間距等有影響可以自行調(diào)整恨憎。
image.png
