Compartir a través de


Características del texto

TextBlock ofrece características avanzadas para formatear y localizar el texto.

Markdown (subconjunto de CommonMark)

Para admitir el marcado incorporado, las Tarjetas adaptables admiten un subconjunto de sintaxis de CommonMark.

Nota

RichTextBlock no admite Markdown, pero ofrece una amplia gama de opciones de configuración de texto directamente en TextRun.

Se admite

Estilo de texto Markdown
Negrita **Bold**
Cursiva _Italic_
Lista con viñetas - Item 1\r- Item 2\r- Item 3
Lista numerada 1. Green\r2. Orange\r3. Blue
Hipervínculos [Title](url)

No se admite

  • Encabezados
  • Tablas
  • Imágenes
  • Falta algo en la tabla anterior

Ejemplo de Markdown

La siguiente carga podría representar algo parecido a lo siguiente:

markdown screenshot

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "TextBlock",
            "text": "This is some **bold** text"
        },
        {
            "type": "TextBlock",
            "text": "This is some _italic_ text"
        },
        {
            "type": "TextBlock",
            "text": "- Bullet \r- List \r",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "1. Numbered\r2. List\r",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "Check out [Adaptive Cards](https://adaptivecards.io)"
        }
    ]
}

Formato de fecha y hora y localización

En ocasiones, no se conoce la zona horaria del usuario que recibe la tarjeta, por lo que las tarjetas adaptables ofrecen funciones de formato de DATE() y TIME() para localizar automáticamente la hora en el dispositivo de destino.

Ejemplo de fecha y hora

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "TextBlock",
            "text": "Your package will arrive on {{DATE(2017-02-14T06:00:00Z, SHORT)}} at {{TIME(2017-02-14T06:00:00Z)}}",
            "wrap": true
        }
    ]
}

La tarjeta anterior mostrará:

El paquete llegará el martes, 14 de febrero de 2017 a las 6:00 a.m.

Reglas de las funciones de fecha y hora

Hay algunas reglas para interpretar correctamente las funciones de fecha y hora en todas las plataformas. Si no se cumplen las reglas, se mostrará al usuario la cadena sin formato, y esto no es lo que queremos.

  1. DISTINGUE MAYÚSCULAS DE MINÚSCULAS (debe estar todo en mayúsculas)
  2. SIN ESPACIOS entre {{, }} o entre paréntesis
  3. STRICT RFC 3389 FORMATO (consulta los siguientes ejemplos)
  4. DEBEN SER una fecha y hora válidas

Formatos válidos

  • 2017-02-14T06:08:00Z
  • 2017-02-14T06:08:00-07:00
  • 2017-02-14T06:08:00+07:00

Parámetro de formato de fecha

Para las fechas, se puede especificar un parámetro opcional para dar formato al resultado.

Formato Ejemplo
COMPACT (valor predeterminado) "13/02/2017"
SHORT "Lun, 13 feb 2017"
LONG "Lunes, 13 de febrero de 2017"