找回密码
 立即注册

QQ登录

只需一步,快速开始

phoben 讲师达人认证 悬赏达人认证 活字格认证

论坛元老

421

主题

1724

帖子

4727

积分

论坛元老

格友工作室

积分
4727

时代开发者征文活动微信认证勋章悬赏达人讲师达人活字格认证活字格高级认证

QQ
phoben 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-4-25 19:07  /   查看:7301  /  回复:14
本帖最后由 phoben 于 2021-4-25 19:57 编辑

在使用企业微信的小伙伴应该都熟悉"企业微信卡片"消息功能,这是使用频率非常高的一个API
我们平时使用,一般都会将API封装成服务器命令,方便我们发送
例如这样:
image.png453457641.png

发送后一般客户端收到样式为:
image.png564850768.png

我们知道description参数是消息内容体,官方文档的介绍其实是支持HTML格式的,能换行和变色
特殊说明:
卡片消息的展现形式非常灵活,支持使用br标签或者空格来进行换行处理,也支持使用div标签来使用不同的字体颜色,目前内置了3种文字颜色:灰色(gray)、高亮(highlight)、默认黑色(normal),将其作为div标签的class属性即可,具体用法请参考上面的示例。

image.png413214721.png

我们看下官方给的例子,这个消息体本身不复杂,就是几个div加个class类名

  1. {
  2.             "description" : "<div class="gray">2016年9月26日</div> <div class="normal">恭喜你抽中iPhone 7一台,领奖码:xxxx</div><div class="highlight">请于2016年10月10日前联系行政同事领取</div>",
  3. }
复制代码


但是这一串东西,咱们想要在活字格的公式栏打出来,还真不是一件容易的事儿,尤其还得结合单元格引用来使用。
捣鼓半天,三条文本也拼接不明白,只好作罢,最后只好用最简单的文本发送完事儿!
image.png426538390.png


所以一不做二不休
就干脆做了个小函数,让大家可以快速生成标准的消息模板,这里不敢独享,给大家分享出来
如下图:

image.png849663085.png

以前拼接这样的一段文本,公示栏的拼接相信很难理清楚,现在只需要这么一句话
=WXTEXTCARD("高亮|标题:测试消息","内容:收到一条业务消息...")
就能得到这么一个带颜色、带当前日期的模板字符串,返回后的字符串传给API作为参数即可

image.png696486205.png


------------------------------公式使用说明------------------------
1、下载本帖的js文件,再活字格设置中上传
2、在所有支持公式的地方,可使用=WXTEXTCARD()公式取得标准模板字符串

公式范例:支持最多99条消息体=WXTEXTCARD(arg1,arg2,...)   

arg参数说明: 每个参数都由一端字符串组成,有三个配置项,用"|"分割,配置项分别是 "type|content|wrap"

参数名 说明
type 文字颜色,支持三种:默认、灰色、高亮,不填则为默认黑色字
content 要发送的消息文本
wrap 本条消息后是否空一行,填写true或者false,不填则为false


参数举例:
"默认|标题:这是一条测试消息|true"   返回=>   <div class="normal">2021年04月25日</div> <div class="normal">标题:这是一条测试消息</div>


特别提醒:
这里有个小坑,不能只写"标题:这是一条测试消息|false",这样会把false当作内容主体,所以要么写全,要么只写样式|内容

实际网页测试对比:
image.png132209166.png

其实很简单,说了这么多,希望大家能用得上!

兼职活字格开发 | VX:13972707111
主攻:前端UI设计、交互逻辑设计、移动端页面设计、后端命令、表结构设计、业务逻辑处理等
个人简历:活字格低代码开发大赛二等奖、活字格高级认证工程师
案例:请点击个人主页查看,已与论坛多位大佬、企业合作开发过多款大中小型应用

下载后解压,并上传至活字格
WXtextcard.zip (1.04 KB, 下载次数: 504)
image.png481283263.png
image.png871808776.png
image.png256835326.png

评分

参与人数 4金币 +2000 满意度 +15 收起 理由
13559541953 + 5
Simon.hu + 2000 很给力!
王鸿辉 + 5 很给力!
amtath + 5 很给力!

查看全部评分

14 个回复

正序浏览
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-6-25 22:03:54
16#
amtath 发表于 2021-6-25 21:21

666
回复 使用道具 举报
amtath悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-6-25 21:21:55
15#
  1. =WXTEXTCARD("高亮|单号:"&AN17,"高亮|客户:"&AV17,"高亮|数量:"&AV19)
复制代码
image.png598477172.png
image.png382941893.png
回复 使用道具 举报
teng168
金牌服务用户   /  发表于:2021-6-25 16:00:56
14#
本帖最后由 teng168 于 2021-6-25 16:12 编辑
phoben 发表于 2021-6-25 15:17
企业微信是没法用DEMO展现的,你直接使用公式生成一端内容,看一眼就知道了

把企业微信密钥删除就可以了,留这个页面就可以
回复 使用道具 举报
phoben讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2021-6-25 15:17:42
13#

企业微信是没法用DEMO展现的,你直接使用公式生成一端内容,看一眼就知道了
回复 使用道具 举报
teng168
金牌服务用户   /  发表于:2021-6-25 13:47:19
12#
求demo
回复 使用道具 举报
Meng2499
金牌服务用户   /  发表于:2021-6-25 09:14:59
11#
大佬牛批
回复 使用道具 举报
13559541953活字格认证
高级会员   /  发表于:2021-6-25 09:13:49
10#
沙发
回复 使用道具 举报
andy_chen
金牌服务用户   /  发表于:2021-6-25 08:13:41
9#
DingTalk的要不也分享下
回复 使用道具 举报
xingrui
中级会员   /  发表于:2021-6-22 15:26:55
8#
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2021-5-21 12:06:40
7#
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部