需求:
把几份word文档(需求说明、法规文件等等)放到手机端,需要用h5的形式展示出来。
方法一、自己写成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写的 具体操作是:
- 在控制器初始化的时候添加
$sce
参数:
myModule.controller("MyCtrl", function ($scope, $sce) {
}
- 使得content这个
div
能解释出html标签:
$scope.toHTML = function (content) {
return $sce.trustAsHtml(content);
};
- 先在html写一个
toHTML()
绑定方法:
<div ng-bind-html=toHTML(content)></div>
这样我们得到的html文本就可以解析出标签了。
方法二、直接把word文件转成‘html’文件:
这里呢又有有两个方法了:
- 1.直接转化为html文件,直接打开即可。
注意 :
不要转化为“网页(.htm)”,而是要“筛选过的网页(.htm)”。因为前者会生成html文件、资源文件夹等等几个文件,而后者是我们比较熟悉的东西,如果是纯文本还是后者好一些。
- 2.先将word文件按照“网页(.htm)”方式转换,会产生一个网页文件和一个图片文件夹。这时将所有的文档都关掉,将产生的新网页文件打开。然后全选(ctrl+a,ctrl+c)网页内容。新建一个word文件,让后将内容拷贝其中(ctrl+v),然后在将这个文件转为 单个网页文件。这时你会惊奇的发现,新产生的单个文件的网页的大小已经变的很小了(摘抄自网上)。
变成了html文件应该知道怎么弄了吧?和我们自己写的原生html文件一样。当然,直接放到手机里效果是不理想的。我们手动添加一个标题以后会好些。然后给他添加一个点击返回的方法就差不多了。如果对页面字体、间距等有影响可以自行调整。