需求：

把几份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文件同样。固然，直接放到手机里效果是不理想的。咱们手动添加一个标题之后会好些。而后给他添加一个点击返回的方法就差很少了。若是对页面字体、间距等有影响能够自行调整。