Fonctionnalités de texteText features

TextBlock propose des fonctionnalités avancées pour la mise en forme et la localisation du texte.TextBlock offers advanced features for formatting and localizing the text.

Markdown (sous-ensemble Commonmark)Markdown (Commonmark subset)

Pour prendre en charge le balisage inline, les cartes adaptatives prennent en charge un sous-ensemble de la syntaxe Markdown Commonmark.To support inline markup, Adaptive Cards support a subset of the Commonmark Markdown syntax.

Notes

RichTextBlock ne prend pas en charge Markdown, mais offre un large choix d’options de configuration de texte directement dans le TextRunRichTextBlock does not support markdown, but offers a wide array of text configuration options directly within the the TextRun

Pris en chargeSupported

Style de texteText Style MarkdownMarkdown
GrasBold **Bold**
ItaliqueItalic _Italic_
Liste à pucesBullet list - Item 1\r- Item 2\r- Item 3
Liste numérotéeNumbered list 1. Green\r2. Orange\r3. Blue
Liens hypertexteHyperlinks [Title](url)

Non pris en chargeNot supported

  • En-têtesHeaders
  • TableauxTables
  • ImagesImages
  • Tout ce qui ne figure pas dans le tableau ci-dessusAnything not in the table above

Exemple MarkdownMarkdown Example

Le résultat de la charge utile ci-dessous serait semblable à :The below payload would render something like this:

capture d'écran Markdown

{
    "$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)"
        }
    ]
}

Mise en forme et localisation de la date/heureDate/Time formatting and localization

Vous ne connaissez pas toujours le fuseau horaire de l'utilisateur qui reçoit la carte. La fonctionnalité Cartes adaptatives propose donc des fonctions de mise en forme DATE() et TIME() pour localiser automatiquement la date et l'heure sur l'appareil cible.Sometimes you won't know the timezone of the user receiving the card, so Adaptive Cards offers DATE() and TIME() formatting functions to automatically localize the time on the target device.

Exemple de date/heureDate/Time Example

{
    "$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 carte ci-dessus affichera :The above card will display:

Votre colis arrivera le mar 14 fév 2017 à 6h00Your package will arrive on Tue, Feb 14th, 2017 at 6:00 AM

Règles relatives aux fonctions Date/HeureDate/Time function rules

Il existe des règles pour interpréter correctement les fonctions Date/Heure sur chaque plateforme.There are some rules to properly interpret the the date/time functions on every platform. Si ces règles ne sont pas respectées, l'utilisateur verra la chaîne brute, ce qui n'est pas souhaitable.If the rules aren't met then the raw string will be displayed to the user, and no one wants that.

  1. SENSIBLE À LA CASSE (tout en majuscules)CASE SENSITIVE (must be all caps)
  2. AUCUN ESPACE entre les accolades {{ et }}, ou entre les parenthèsesNO SPACES between the {{, }}, or parentheses
  3. MISE EN FORME RFC 3389 STRICTE (voir exemples ci-dessous)STRICT RFC 3389 FORMATTING (See examples below)
  4. La date et l'heure DOIVENT ÊTRE validesMUST BE a valid date and time

Formats validesValid formats

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

Paramètre de mise en forme de dateDate formatting param

Pour les dates, un paramètre de mise en forme facultatif peut être spécifié.For dates, an optional param may be specified to format the output.

FormatFormat ExempleExample
COMPACT (par défaut)COMPACT (Default) « 13/02/2017 »"2/13/2017"
SHORT « Lun 13 fév 2017 »"Mon, Feb 13th, 2017"
LONG « Lundi 13 février 2017 »"Monday, February 13th, 2017"