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 cartes Texte sont un nouveau type de carte de texte Looker qui n'utilise pas Markdown, mais offre une expérience de modification 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 compatible avec les cartes Markdown

Cette page liste la syntaxe Markdown compatible avec les cartes Markdown. Chaque exemple est d'abord affiché dans un bloc de code, puis en tant que 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 acceptent 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.

Mise en valeur

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

Carte de texte affichant une liste non ordonnée.

Vous pouvez ajouter des liens de plusieurs façons, 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 d'accès ou par 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 largeur.

Vous pouvez également spécifier des valeurs maximales explicites pour la hauteur et la largeur, comme suit:


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

Logo Google Cloud défini sur une largeur de 500 pixels.

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 le plus adapté à 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'à atteindre la largeur maximale".

Mise en surbrillance du code

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

Carte de texte affichant du code dans 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.

Carte de texte affichant une citation

Saut 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 acceptée

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 à un langage
  • Barrer un texte à l'aide de deux tildes
  • Sous-listes
  • Retrait