O widget TextParagraph
exibe um parágrafo de texto com formatação HTML simples opcional. Exemplo:
- Mostre o texto em negrito, sublinhado ou italiano com as tags HTML
<b>
,<u>
e<i>
. - Link para sites com HTML
<a href="https://www.google.com">hyperlinks</a>
. - Adicione cor com HTML
<font color="#ea9999">font tags</font>
.
Cada widget TextParagraph
é renderizado como um novo parágrafo e pode ser considerado como uma tag HTML <p>
.
Exemplo: dois parágrafos com formatação HTML simples
A imagem a seguir mostra um card com dois widgets TextParagraph
usados para mostrar dois parágrafos com formatação HTML simples.

TextParagraph
com formatação HTML simples.
Este é o JSON do cartão:
JSON
{
"cardsV2": [
{
"cardId": "exampleCard",
"card": {
"sections": [
{
"widgets": [
{
"textParagraph": {
"text": "This is a text paragraph. It supports simple HTML text formatting, like <b>bold</b>, <font color='#ea9999'>color</font>, and <a href='https://www.google.com'>hyperlinks</a>."
}
},
{
"textParagraph": {
"text": "Text paragraphs also support <i>italics</i>, <u>underlining</u>, and <s>strikethrough</s>."
}
}
]
}
]
}
}
]
}
Formatar texto em um widget TextParagraph
O widget do TextParagraph
oferece suporte à formatação HTML de texto simples. Ao configurar o conteúdo de texto desses widgets, inclua as tags HTML correspondentes. Os seguintes formatos são compatíveis:
Formato | Exemplo | Resultado renderizado |
---|---|---|
Negrito | <b>test</b> |
test |
Itálico | <i>test</i> |
test |
Sublinhado | <u>test</u> |
test |
Tachado | <s>test</s> |
|
Cor da fonte | <font color="#ea9999">test</font> |
test |
Hiperlink | <a href="https://www.google.com">google</a> |
|
Tempo | <time>2020-02-16 15:00</time> |
16/02/2020 15:00 |
Nova linha | test <br> test |
teste teste |
TextParagraph
representação e campos JSON
Representação JSON |
---|
{ "text": string } |
Campos | |
---|---|
text
|
O texto mostrado no widget. |