android word转html标签,移动端html展示word文档转换方法

需求：

把几份word文档(需求说明、法规文件等等)放到手机端，需要用h5的形式展示出来。

方法一、自己写成html标签的段落：

话不多说，show my code：

var content=" 该模型描述水质组分的迁移变化在两个方向上是重要的，

在另外一个方向上是均匀分布的，这种水质模型称为二维水质模型。 " +

" +

二维稳态混合模型公式：" +

" +

适用条件：" +

"
① 平直、断面形状规则河流混合过程段；" +

"
② 持久性污染物；" +

"
③ 河流稳定流动；" +

"
④ 连续稳定排放；" +

"
⑤ 对于非持久性污染物，需采用相应的衰减模式。",

预览效果还是不错的，是这样的：

image.png

我用Angular写的具体操作是：

在控制器初始化的时候添加$sce参数：

myModule.controller("MyCtrl", function ($scope, $sce) {

}

使得content这个div能解释出html标签：

$scope.toHTML = function (content) {

return $sce.trustAsHtml(content);

};

先在html写一个toHTML()绑定方法：

这样我们得到的html文本就可以解析出标签了。

方法二、直接把word文件转成‘html’文件：

这里呢又有有两个方法了：

1.直接转化为html文件，直接打开即可。

image.png

注意 :

不要转化为“网页(.htm)”，而是要“筛选过的网页(.htm)”。因为前者会生成html文件、资源文件夹等等几个文件，而后者是我们比较熟悉的东西，如果是纯文本还是后者好一些。

2.先将word文件按照“网页(.htm)”方式转换，会产生一个网页文件和一个图片文件夹。这时将所有的文档都关掉，将产生的新网页文件打开。然后全选(ctrl＋a，ctrl＋c)网页内容。新建一个word文件，让后将内容拷贝其中(ctrl＋v),然后在将这个文件转为单个网页文件。这时你会惊奇的发现，新产生的单个文件的网页的大小已经变的很小了(摘抄自网上)。

变成了html文件应该知道怎么弄了吧？和我们自己写的原生html文件一样。当然，直接放到手机里效果是不理想的。我们手动添加一个标题以后会好些。然后给他添加一个点击返回的方法就差不多了。如果对页面字体、间距等有影响可以自行调整。

image.png

android word转html标签,移动端html展示word文档转换方法相关推荐

一款功能全面的办公自动化套件，软件集成了Word、Excel、幻灯片(PPT)、ODT等文档格式
Polaris Office 是一款功能全面的办公自动化套件,软件集成了Word.Excel.幻灯片(PPT).ODT等文档格式,并且可以完美兼容任何Microsoft Office,PDF,TXT或 ...
Android 系统（191）---ODM 开发用户常见需求文档（九）
Android 系统(191)---ODM 开发用户常见需求文档(九) 阅读数:1122 一:去除摄像头的假对焦框 (vendor/) (mediatek/proprietary/packages/a ...
使用pdf.js在移动端预览pdf文档
pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持. 在线演示地址:http://mozilla.github.com/pdf.js/web/viewe ...
商城前后端prd文档/经销商门户/瓶箱回收系统/组织管理平台/系统管理后台/商城文档/司机管理移动端原型/电商前后端原型/电商前后端需求文档//运输公司管理/产品库管理/资金管理/移动端电商原型文档
商城前后端prd文档/经销商门户/瓶箱回收系统/组织管理平台/系统管理后台/商城文档/司机管理移动端原型/电商前后端原型/电商前后端prd文档/后台管理系统原型/运输公司管理/产品库管理/资金管理/移 ...
prd移动端通用产品需求文档+Axure高保真app社交订餐通用prd文档+产品业务说明+PRD功能性需求+移动端公工通用模板说明+需求分析+竞品分析+产品结构图+产品业务流程图+产品信息图+餐饮系统
作品介绍:prd移动端通用产品需求文档+Axure高保真app社交餐饮通用prd文档+产品业务说明+通用prd文档+移动端公工通用模板++全局说明+需求分析+竞品分析+产品结构图+产品业务流程图+产品 ...
前格式直接将转换为当_如何将word转化为PDF格式？1分钟学会文档转换
如何将word转化为PDF格式?不知道大家在学习和工作中有没有遇到过文件转换的问题,基本上所有的人在使用了各种数据文档后,都有为了文档格式转换而发愁的,因此这里重点给大家介绍一些文件转换的工具和方法, ...
如何恢复Word自动保存的多个时间点的文档
如何恢复Word自动保存的多个时间点的文档 word自动保存功能会生成多个时间节点的保存文件,可以通过.asd文件进行恢复. 首先找到word自动保存文件的位置:文件 ->选项 -> 保存 ...
java毕业设计融呗智慧金融微资讯移动平台服务端源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计融呗智慧金融微资讯移动平台服务端源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计融呗智慧金融微资讯移动平台服务端源码+lw文档+mybatis+系统+my ...
iOS端的UI设计文档
iOS端的UI设计文档 APP和网站,风格色调始终注意保持一致(平台一致性) 在App不断更新的过程中定义设计准则.风格.规范设计规范: 1.分类合理(为了能让用户快速查找,合理的分类必不可少) 2 ...

android word转html标签,移动端html展示word文档转换方法

android word转html标签,移动端html展示word文档转换方法相关推荐

最新文章

热门文章