懒散的webhook html表

问题描述 投票:27回答:4

我有一个html表,我试图通过webhook发布松弛。有没有办法发布html表松弛?下面是html代码 -

<!DOCTYPE html>
<html>
<head>
<title>HTML Tables</title>
</head>
<body>
<table border="1">
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
</body>
</html>
webhooks slack-api slack
4个回答
28
投票

不,我不相信有任何方法可以在Slack消息中绘制表格。

以下是格式化Slack消息的其他可用选项:https://api.slack.com/docs/formatting


33
投票

我打开了Slack支持的一张票,询问Slack的Incoming Webhook消息是否支持任何形式的表格(HTML或Markdown)。

官方的答案是Slack消息不支持表。

他们建议生成一个表并将其作为图像发布。

他们还说他们会把它添加到他们的积压中。


12
投票

不是专门的html表,但你可以使用像console.table这样的包将表的数据打印成字符串变量。然后使用triple backticks在松弛消息的文本字段中添加表。例如:

const cTable = require('console.table');
const table = cTable.getTable([
  {
    name: 'foo',
    age: 10
  }, {
    name: 'bar',
    age: 20
  }
]);

然后作为松弛消息附件的一部分:

const attachmentList = {
        "title": "YOUR TITLE",
        "text": 'HERE IS YOUR TABLE: : \n ```'+table+'```',
    }

5
投票

您现在可以使用“fields”layout block在松弛中执行简单的两列表。

你可以做两个列表:

[
   {
        "type": "section",
        "fields": [
            {
                "type": "mrkdwn",
                "text": "*Name*"
            },
            {
                "type": "mrkdwn",
                "text": "*Email*"
            },
            {
                "type": "plain_text",
                "text": "Jeff Henderson",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "[email protected]"
            },
            {
                "type": "plain_text",
                "text": "Anne Polin",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "[email protected]"
            }

        ]
    }
]

给你:

enter image description here

或者去田野风格:

[
    {
        "type": "section",
        "fields": [
            {
                "type": "plain_text",
                "text": "Name",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "*Jeff Henderson*"
            },
            {
                "type": "plain_text",
                "text": "Email",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "[email protected]"
            },
            {
                "type": "plain_text",
                "text": "Mobile Phone",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "0451000000"
            },
            {
                "type": "plain_text",
                "text": "Work Phone",
                "emoji": true
            },
            {
                "type": "mrkdwn",
                "text": "94550000"
            }

        ]
    }
]

将产量:

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.