这里我们采用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代码到本地图片的转换,后续可以上传到七牛云等。不管是服务端的解析,还是小程序的呈现,都没有什么难度了。
以上就是微信小程序之复杂富文本解析详解的详细内容。
