微信公众号推文中如何自定义添加表格？

微信公众号发的图文消息里经常需要有表格，因为表格进行数据展现更直观明了，所以接下来就给大家分享一下如何自定义添加表格。打开小蚂蚁编辑器，在编辑区点击鼠标右键，在出现的选项中选择【插入表格】。

系统会默认添加一个5行5列的表格。如果想要自定义添加表格，可以点击编辑器顶部导航栏中的【插入表格】按钮。

一、设置表格参数

表格添加好之后，将光标放在表格上，右键点击鼠标，可以对表格进行设置；

全选表格：如果想要全选表格，可选用此功能。也可以从最左上角的表格拖动光标来全选表格。

清空表格:此功能可清除表格内的所有内容

二、表格颜色

此项功能可以更改表格的边框颜色和单元格背景色。

表格边框色：点击边框颜色框，会d出颜色板，可直接选用颜色，并在右侧预览边框颜色效果。这里的修改主要是针对整个表格，如需要修改单元格边框，请在表格样式里边进行修改。

单元格背景色：点击单元格背景色，d出调色板，直接选用颜色即可。

三、插入/删除表格

可以在原表格的基础上新增表格行数或者列数，也可直接插入表格名称、标题行、标题列等；

也可以右键删除当前行/当前列，或者整个表格；

四、表格样式

表格属性：可为表格同时添加标题行、标题列、名称行以及内容的排序；可按照文字自适应和页面宽度自适应来自动调整表格尺寸，并在右侧预览最终效果。

设置表格边线：可为表格设置边框线，有点线、虚线、实线等多种边框类型，可设置边框的宽度、颜色及方向，并在d窗右侧预览表格的效果；

可参考：微信JS-SDK说明文档 >

此时可能出现白名单错误（忘截图了），需要在微信公众号中设置错误中的IP

注意：access_token和ticket都需要缓存

4. 获取签名 signature

将以上内容以键值对形式拼接，类似如下

本地引入sha1算法（需网上查找）

将上述拼接的字符串以参数的形式传递到sha1中得到 signature

signature = sha1(拼接完的字符串)

验证 signature 是否正确 >

将appId，nonceStr，timestamp和signature返回给前端

官网上是这样描述的：

这时候调用 updateAppMessageShareData ， updateTimelineShareData 的时候就可以生效了，具体原理不清楚。。

注意：imgUrl配置有严格的要求

尺寸120 x 120，大小不超过10K，不支持GIF格式。必须采用https协议（最好写完整url）,不支持base64。由于我使用的是vue，在webpack打包时图片小于10k的是会自动打包成base64导致无法正常显示图片，因此在webpack.base.config.js中修改默认配置

由于在网页中直接查看pdf的路径是无法在微信中查看（安卓）和分享（ios），因此使用pdf插件进行优化 --- pdf.js 。其原理是绘制成canvas，最终在真机上放大时可能出现模糊的问题。

创建之后控制台会报错出现跨域问题，因为pdf.js不支持跨域访问。此时可以将错误跨域信息在上一步你引入的文件中查找，然后将其判断语句注释掉即可解决这个问题。最后会发现pdf出现在这个容器中（忘截图了），也实现了微信中预览和分享的功能。

---