TextoParagraph

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

El widget de TextParagraph muestra un párrafo de texto con formato HTML opcional opcional. Por ejemplo:

  • Muestra texto en negrita, subrayado o cursado con etiquetas HTML <b>, <u>, <i>.
  • Vincular a sitios web con HTML <a href="https://www.google.com">hyperlinks</a>.
  • Agrega un poco de color con HTML <font color="#ea9999">font tags</font>.

Cada widget TextParagraph se renderiza como un párrafo nuevo y se puede interpretar como una etiqueta <p> de HTML.

Ejemplo: dos párrafos con formato HTML simple

En la siguiente imagen, se muestra una tarjeta que consta de dos widgets TextParagraph que se usan para mostrar dos párrafos con formato HTML simple.

Un mensaje de tarjeta en Google Chat que muestra un widget de párrafo de texto
Figura 1: Un mensaje de tarjeta en Google Chat que representa dos widgets de TextParagraph con formato HTML simple.

Este es el JSON de la tarjeta:

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>."
                }
              }
            ]
          }
        ]
      }
    }
  ]
}

Aplica formato al texto de un widget TextParagraph

El widget TextParagraph admite formato HTML de texto simple. Cuando configures el contenido de texto de estos widgets, solo debes incluir las etiquetas HTML correspondientes. Se admiten los siguientes formatos:

Formato Ejemplo Resultado procesado
Negrita <b>test</b> test
Cursiva <i>test</i> test
Subrayado <u>test</u> test
Tachado <s>test</s> test
Color de la fuente <font color="#ea9999">test</font> test
Hipervínculo <a href="https://www.google.com">google</a> google
Hora <time>2020-02-16 15:00</time> 2020-02-16 15:00
Nueva línea test <br> test prueba
prueba

Campos y representación JSON TextParagraph

Representación JSON
{
  "text": string
}
Campos
text

string

El texto que se muestra en el widget.