Utiliser Markdown dans les cartes Markdown

Pour utiliser Markdown dans une carte de texte, sélectionnez Markdown dans le menu Ajouter du tableau de bord lorsque vous créez la carte. Les tuiles de texte sont un nouveau type de bloc de texte Looker qui n'utilise pas Markdown, mais offre une expérience d'édition visuelle.

Vous pouvez utiliser des tuiles de texte dans un tableau de bord pour décrire les autres cartes et aider les spectateurs à comprendre les informations qu'elles présentent. Les tuiles Markdown de Looker sont compatibles avec une version limitée du langage de balisage Markdown dans les cartes de texte. Vous pouvez ainsi mettre en forme votre texte ou ajouter des liens et des images pour mettre en valeur vos tableaux de bord.

Syntaxe Markdown prise en charge dans les vignettes Markdown

Cette page répertorie la syntaxe Markdown compatible avec les vignettes Markdown, chaque exemple étant d'abord affiché dans un bloc de code, puis affiché comme résultat.

Les styles dans lesquels les éléments Markdown s'affichent sur les cartes de votre tableau de bord peuvent différer de ceux présentés ici.

En-têtes

Les tableaux de bord prennent en charge les niveaux d'en-tête 1 à 6:

## Header level 1

### Header level 2

#### Header level 3

##### Header level 4

###### Header level 5

####### Header level 6

Tables

La taille des colonnes de la table est adaptée à la valeur de données la plus large. Vous pouvez utiliser   pour ajouter de la largeur aux colonnes.

| Tables        | Are           | Cool  |
| ------------- | ------------- | ----- |
| leopards      | have spots    | $1600 |
| zebras        | have stripes      | $12   |
| polar bears        | are white     | $1    |

Carte de texte affichant un tableau Markdown.

Seule la justification à gauche est acceptée dans les colonnes de tableau.

Accentuation

Emphasis (italics) with *asterisks* or _underscores_.

Strong emphasis (bold) with **double asterisks** or __double underscores__.

Combined emphasis with **asterisks and _underscores_**.

Carte de texte affichant du texte en gras et en italique.

Listes numérotées

1. First ordered list item
1. Another item
1. Actual numbers don't matter, just that it's a number
1. And another item

Carte de texte affichant une liste numérotée.

Listes non ordonnées

* Unordered lists can use asterisks
- or minuses
+ or pluses

Vignette de texte affichant une liste non ordonnée.

Vous pouvez ajouter des liens de plusieurs manières, comme illustré dans le code Markdown suivant :

[Inline-style link](https://www.looker.com)
[Reference-style link](Case-insensitive reference text)
[Relative reference to a public repository](../assets/images/dashboard-add-text.png)
[Number used for a reference-style link definition][1]

Les URL placées entre crochets angulaires sont automatiquement transformées en liens. Par exemple, <looker.com> et looker.com.

Images

Les images peuvent être référencées par chemin ou URL.

Here's our logo:

URL-style:

<img src="url/to/image.png">

Inline-style:

![alt text](path/to/image.png)

Reference-style:

![alt text][logo]


Une carte de texte affiche le logo Google Cloud référencé de trois manières différentes.

Pour contrôler la taille de l'image par rapport à la taille de la tuile, utilisez le code HTML pour appeler l'image et ajoutez un paramètre de taille en pourcentage. L'exemple suivant modifie la taille à l'aide du paramètre width="50%" :


<img src="path/to/image.png" width="50%">

Logo Google Cloud défini sur 50 % de la largeur.

Vous pouvez également indiquer des valeurs maximales explicites pour la hauteur et la largeur comme ceci:


<img src="path/to/image.png" width="500px" height="30px">

Logo Google Cloud de 500 pixels de large.

Les paramètres de hauteur et de largeur en pixels ne définissent PAS l'image sur ces dimensions exactes. Au lieu de cela, le format de l'image sera "adapté au mieux" à ces contraintes. Par exemple, si les dimensions "width=100px height=30px" étaient définies sur une image d'origine de 200 x 20 px, le résultat serait de 100 x 10 px, car la logique est approximativement la suivante : "la largeur de l'image dépasse la largeur maximale > réduire la taille jusqu'à ce que la largeur maximale soit atteinte".

Mise en surbrillance du code

`<script>Some code</script>.`

Vignette de texte affichant du code avec un style de police de code.

Règle horizontale

Three or more hyphens

---

Asterisks

***

Underscores

___

Carte de texte affichant du texte et des lignes horizontales.


Citations

> Blockquotes are very handy.
> This line is part of the same quote.

Vignette de texte avec une citation.

Coupure de citation

> This is a very long line that will be quoted properly when it wraps. I will keep writing to make sure this is long enough to actually wrap for everyone. Also, you can *put* **Markdown** into a blockquote.

Carte de texte affichant un long bloc de citation.

Syntaxe Markdown non prise en charge

La syntaxe Markdown suivante n'est pas compatible avec les cartes Markdown du tableau de bord :

  • Mathématiques
  • Images avec texte alternatif
  • Liens avec texte alternatif
  • Mise en surbrillance de la syntaxe spécifique à la langue
  • Barré à l'aide de deux tildes
  • Listes secondaires
  • Retrait