提供微商城·微分销·小程序开店需求
5分钟开通你的微信商城店铺！开发微信小程序表格这类富文本解析实现方法
2019-06-20 作者：黄保
开发微信小程序表格已经是当下最热门的话题，下面将从多方面来谈谈开发微信小程序表格相关的内容。
最近在写一个爬虫，需要将网页进行解析供微信小程序使用。文字和图片解析都好说，小程序也有对应的text和image标签可以呈现。而更复杂的，比如表格，则比较棘手，不管是服务端解析还是小程序呈现都很费劲，也很难覆盖所有情况。于是我想，将表格对应的HTML代码转成图片，不失为一种变通的方法。
这里我们采用node-webshot模块，它对PhantomJS进行了轻量封装，可以轻松地将网页以截图形式保存下来。
首先安装Node.js和PhantomJS，然后新建一个js文件，加载node-webshot模块：
const webshot = require('webshot');
定义选项：
const options = {
// 浏览器窗口
screenSize: {
width: 755,
height: 25
},
// 要截图的页面文档区域
shotSize: {
height: 'all'
},
// 网页类型
siteType: 'html'
};
这里，浏览器窗口的宽度要根据网页情况合理设置，高度可以设置为一个很小的数值，然后页面文档区域的高度一定要设置为all，宽度默认为窗口宽度，这样就可以把表格以最小的尺寸完整截图。
接下来，定义html字符串：
let html = "target rich text html code, eg: <table>...</table>";
注意，里面的HTML代码一定要去掉换行符，并将双引号替换为单引号。
最后，截图：
webshot(html, 'demo.png', options, (err) => {if (err)console.log(`Webshot error: ${err.message}`);});
这样，就实现了从HTML代码到本地图片的转换，后续可以上传到七牛云等。不管是服务端的解析，还是小程序的呈现，都没有什么难度了。
-
微信小程序商城系统开发其实很简单
微信小程序商城系统开发其实很简单，只需要五步就可以完成，整个过程包括开发、上线、发布都可以轻松搞定...详情
-
微信小程序商城系统免费注册体验
微信小程序商城系统免费注册体验，接下来是微信小程序的时代，这一波红利在不抓住互联网就再也没什么机会了...详情
想了解更多微信小程序开发和微信小程序大全都可以进入微信小程序商城系统开发了解。
推荐文章
-
微信小程序滚动字幕及弹幕的实现技巧
微信小程序滚动字幕已经是当下微信小程序开发最热门的话题，下面将从多方面来谈谈微信小程序滚动字幕及弹幕的实现技巧...
-
微信小程序开发教程之Array数组对象(1)
2017年6月14日，微信小程序开发教程已经是当下最热门的话题，下面将从多方面来谈谈Array数组对象相关的内容。...
-
拼多多天天拆红包是真的吗,拼多多天天拆红包的
最近在微信社群都可以看到拼多多的拆红包的界面，这又是一款拼多多的裂变营销方式，很多朋友对此表示很怀疑，到底是不...
-
微信如何用小程序定位好友,微信小程序定位朋友
Hishop最新消息，有这样一个小程序可以无需询问，就知道朋友的位置了，那么是如何定位分享位置的呢。...
-
收银系统小程序的开通流程-收银系统小程序与专
收银系统小程序的开通流程 1. 选择合适的收银软件 目前市场上有多种收银软件提供小程序店铺功能。例如，店益就是一款能...
-
收银系统怎么和公众号连在一起-微信公众号和收
在互联网高速发展的今天，线上线下一体化的商业模式已成为主流。特别是对于零售行业而言，将收银系统与微信公众号对接...
-
收银系统对接微信小程序的流程：收银系统带小
收银系统对接微信小程序的流程 准备工作：首先，商家需要准备好收银系统和小程序的开发环境。对于收银系统，可以使用...
-
2024年视频号直播间如何推送自己的小程序？
直接说答案：目前是不能直接推送自己的小程序的。 不过也不是说没有办法，可以通过视频号小店，然后跳转到自己的微信...
-
线上线下收银系统价格及购买渠道
第一：线上线下收银系统 线上线下收银系统是一种结合了实体店铺与在线销售渠道的技术解决方案。这种系统不仅提高了收...
-
线上线下一体化收银台的选择-线上线下一体化收
第一：线上线下一体化收银台的选择 在选择线上线下一体化收银台时，重要的是考虑系统的功能、操作体验、性能和稳定性...
