需求：

把幾份word文檔（需求說明、法規文件等等）放到手機端，須要用h5的形式展現出來。

方法1、本身寫成html標籤的段落：

話很少說，show my code：

var content=" 該模型描述水質組分的遷移變化在兩個方向上是重要的， <br/> 在另一個方向上是均勻分佈的，這種水質模型稱爲二維水質模型。 " +
"<pre><img class='imgDiv' src='../../img/ic_erwei_water1.png'>" +
"<pre><br/>二維穩態混合模型公式：" +
"<pre><img class='imgDiv' src='../../img/ic_erwei_water2.png'>" +
"<pre><br/>適用條件：" +
"<br/> ① 平直、斷面形狀規則河流混合過程段；" +
"<br/> ② 持久性污染物；" +
"<br/> ③ 河流穩定流動；" +
"<br/> ④ 連續穩定排放；" +
"<br/> ⑤ 對於非持久性污染物，需採用相應的衰減模式。",
複製代碼

預覽效果仍是不錯的，是這樣的：

我用Angular寫的 具體操做是：

1. 在控制器初始化的時候添加$sce參數：

myModule.controller("MyCtrl", function ($scope, $sce) {
}
複製代碼

2. 使得content這個div能解釋出html標籤：

$scope.toHTML = function (content) {
        return $sce.trustAsHtml(content);
    };
複製代碼

3. 先在html寫一個toHTML()綁定方法：

<div ng-bind-html=toHTML(content)></div>
複製代碼

這樣咱們獲得的html文本就能夠解析出標籤了。

---

方法2、直接把word文件轉成‘html’文件：

這裏呢又有有兩個方法了：

• 1.直接轉化爲html文件，直接打開便可。

注意 : 不要轉化爲「網頁（.htm）」，而是要「篩選過的網頁（.htm）」。由於前者會生成html文件、資源文件夾等等幾個文件，然後者是咱們比較熟悉的東西，若是是純文本仍是後者好一些。

• 2.先將word文件按照「網頁（.htm）」方式轉換，會產生一個網頁文件和一個圖片文件夾。這時將全部的文檔都關掉，將產生的新網頁文件打開。而後全選（ctrl＋a，ctrl＋c）網頁內容。新建一個word文件，讓後將內容拷貝其中（ctrl＋v）,而後在將這個文件轉爲 單個網頁文件。這時你會驚奇的發現，新產生的單個文件的網頁的大小已經變的很小了（摘抄自網上）。

---

變成了html文件應該知道怎麼弄了吧？和咱們本身寫的原生html文件同樣。固然，直接放到手機裏效果是不理想的。咱們手動添加一個標題之後會好些。而後給他添加一個點擊返回的方法就差很少了。若是對頁面字體、間距等有影響能夠自行調整。