Esta página explica como os apps do Google Chat podem formatar o texto para enviar mensagens que contêm qualquer um dos itens a seguir:
- Rich text que contém hiperlinks ou @menções de um ou todos os usuários em uma Espaço do Chat.
- Texto que aparece em uma interface de card, inclusive como texto de parágrafo ou Texto da interface que aparece ao lado de um ícone, como um botão.
Formatar uma mensagem de texto
O Chat permite adicionar formatação básica a uma mensagem de texto, incluindo negrito, itálico e tachado, usando um pequeno subconjunto da sintaxe Markdown. Você formatar o texto de maneira diferente em mensagens de texto e em cards porque o texto as mensagens são formatadas com a mesma sintaxe que as pelos usuários.
Para formatar mensagens de texto, use a seguinte sintaxe:
Formato | Símbolo | Exemplo de sintaxe | Texto exibido no Google Chat |
---|---|---|---|
Negrito | * | *Olá* | Olá |
Itálico | _ (sublinhado) | _hello_ | Olá |
Tachado | ~ | olá! | |
fonte monoespaçada | ` (acento grave) | "olá" | hello |
Bloco monoespaçada | ` ` ` (três aspas) | ``` Hello World ``` |
Hello |
Lista com marcadores | * ou - (hífen) seguido por um espaço | * Este é o primeiro item na lista * Este é o segundo item da lista |
|
Por exemplo, considere o seguinte JSON:
{
"text": "Your pizza delivery *has arrived*!\nThank you for using _Cymbal Pizza!_"
}
Esta mensagem de texto formatada exibe o seguinte em uma janela do Chat espaço:
Ver a formatação do texto enviada em uma mensagem
Quando um usuário envia uma mensagem, o corpo de texto simples da mensagem fica no
text
. Alguma formatação aplicada à mensagem de texto usando Markdown
está no campo text
. Há outras formatações no
campo formattedText
somente saída, incluindo o seguinte:
- Sintaxe de Markdown adicional para texto
- Menções de usuários
- Hiperlinks personalizados
- Emojis personalizados
Por exemplo, considere o texto a seguir enviado por um usuário:
Se a mensagem foi formatada usando o menu Formatar na seção
Na interface do Chat, o campo text
contém apenas o texto, enquanto o
formattedText
contém as marcações, o texto e o hiperlink. O
exemplo a seguir mostra o rascunho de uma mensagem de texto com uma palavra com hiperlink,
itens de uma lista e uma palavra em negrito:
A mensagem é recebida no seguinte formato:
{
"text": "I can meet there at:\nNoon\n3 pm\n5 pm\nWhat time works for you?",
"formattedText": "I can meet <http://example.com|there> at:\n* Noon\n* 3 pm\n* 5 pm\nWhat time works for *you*?",
}
Formatar links
Se você incluir um URL de link simples no texto da mensagem, como
http://www.example.com/
, o Google Chat vai usar isso como o texto do link e
cria um hiperlink automaticamente para o URL especificado.
Para fornecer um texto de link alternativo para o seu link, use a seguinte sintaxe:
Exemplo de sintaxe | Texto exibido no Google Chat |
---|---|
<https://example.com|Example website> |
O pipe e o texto do link são opcionais, de modo que <https://www.example.com/>
e
https://www.example.com/
são equivalentes.
Mencionar usuários em uma mensagem de texto
Os apps de chat podem enviar mensagens de texto @mencionar um ou todos os usuários em um espaço do Chat. Apps de chat não podem mencionar usuários em uma espaço que está no modo de importação ou qualquer usuário que não estão participando do espaço.
@mencionar usuários específicos
Para @mencionar um usuário específico, adicione <users/{user}>
à mensagem de texto em que
{user}
é o ID do usuário. Por exemplo, considere o seguinte texto
mensagem em que 123456789012345678901
representa o ID do usuário Mahan S.
{
"text": "A customer has reported an issue. Assigning ticket #942 to <users/123456789012345678901>."
}
A mensagem de texto vai aparecer assim:
É possível especificar o valor users/{user}
das seguintes maneiras:
- Se o app do Google Chat estiver respondendo a uma mensagem enviada pelo
usuário, use o campo
message.sender.name
daMESSAGE
evento de interação. Se o app Google Chat estiver criando uma mensagem de texto assíncrona, é possível especificar o valor de
users/{user}
das seguintes maneiras:- Usar o campo
name
do Google ChatUser
, comousers/123456789012345678901
. - Use o endereço de e-mail do usuário como um alias para o valor
{user}
. Para Por exemplo, se o endereço de e-mail formahan@example.com
, será possível especificar o usuário comousers/mahan@example.com
. Para usar um alias de e-mail, seu O app Google Chat precisa autenticar como um usuário.
- Usar o campo
Se você usar a API People, também poderá usar o Método
people.get
para identificar o ID do usuário.
@mencionar todos os usuários
Para criar uma mensagem de texto que @mencione todos em um espaço, substitua {user}
com all
. O exemplo de JSON a seguir menciona todos os usuários em uma mensagem:
{
"text": "Important message for <users/all>: Code freeze starts at midnight tonight!"
}
Formatar o texto que aparece em cards
Dentro dos cards, a maioria dos campos de texto é compatível com a formatação básica usando uma pequena subconjunto de tags HTML. Você formata o texto de maneira diferente nas mensagens de cartão e de texto porque as mensagens de texto são formatadas com a mesma sintaxe que Utilizado pelo usuário do Chat.
Use o Card Builder para criar e visualizar mensagens e interfaces do usuário para apps do Chat:
Abrir o Card BuilderFormatar texto de parágrafo
As tags compatíveis e suas finalidades são mostradas a seguir tabela:
Formato | Exemplo | Resultado renderizado |
---|---|---|
Negrito | "This is <b>bold</b>." |
Isso está em negrito. |
Itálico | "This is <i>italics</i>." |
Isso está em itálico. |
Sublinhado | "This is <u>underline</u>." |
Isso é sublinhado. |
Tachado | "This is <s>strikethrough</s>." |
Isso está |
Cor da fonte | "This is <font color=\"#FF0000\">red font</font>." |
Esta é a fonte vermelha. |
Hiperlink | "This is a <a href=\"https://www.google.com\">hyperlink</a>." |
Isso é um hiperlink. |
Tempo | "This is a time format: <time>2023-02-16 15:00</time>." |
Este é um formato de hora: . |
Nova linha | "This is the first line. <br> This is a new line. " |
Essa é a primeira linha. Esta é uma nova linha. |
Adicionar ícones ao texto
Para exibir ícones ao lado do texto em um card, você pode usar o
DecoratedText
e
ButtonList
widgets.
As seções a seguir explicam como usar os ícones integrados do Google Material ou ícones personalizados em textos ou botões decorados.
Usar ícones do Chat
Para usar os ícones integrados disponíveis no Chat, faça o seguinte: especifique uma das seguintes opções:
A tabela a seguir lista os ícones integrados disponíveis para mensagens do card:
AÉREO | MARCA EM RELAÇÃO AO LIVRO | ||
ÔNIBUS | CARRO | ||
RELÓGIO | CONFIRMATION_NUMBER_ICON | ||
DESCRIÇÃO | MOEDA | ||
EVENT_SEAT | |||
FLIGHT_ARRIVAL | FLIGHT_DEPARTURE | ||
HOTEL | HOTEL_ROOM_TYPE | ||
CONVIDAR | MAP_PIN | ||
ASSINATURA | MULTIPLE_PEOPLE | ||
PESSOA | TELEFONE | ||
RESTAURANT_ICON | SHOPPING_CART | ||
STAR | LOJA | ||
INGRESSO | TREINAMENTO | ||
VIDEO_CAMERA | VIDEO_PLAY |
O Confira a seguir um exemplo de cartão com um ícone de e-mail:
Usar ícones do Google Material
Você pode usar os ícones do Google Material. para selecionar entre mais de 2500 opções de ícones e personalizar o peso, preenchimento e gradação dos ícones.
Confira abaixo um exemplo de card com um ícone do Google Material:
Usar ícones personalizados
Para adicionar um ícone personalizado, inclua o campo iconUrl
e especifique o
URL correspondente.
Veja a seguir um exemplo de ícone personalizado: