Utiliser Markdown dans les tuiles Markdown

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

Vous pouvez utiliser des tuiles de texte sur un tableau de bord pour décrire les autres cartes et aider les spectateurs à comprendre les informations qu'ils contiennent. Les tuiles Markdown de Looker sont compatibles avec une version limitée du langage de balisage Markdown dans les tuiles de texte, ce qui vous permet de mettre en forme votre texte ou d'ajouter des liens et des images susceptibles de faire ressortir vos tableaux de bord.

Syntaxe Markdown prise en charge des tuiles Markdown

Cette page présente la syntaxe Markdown compatible avec les tuiles Markdown, et chaque exemple s'affiche d'abord dans un bloc de code, puis comme résultat.

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

En-têtes

Les tableaux de bord sont compatibles avec les niveaux d'en-têtes suivants:

## Header level 1

### Header level 2

#### Header level 3

##### Header level 4

###### Header level 5

####### Header level 6

Tables

Les colonnes du tableau sont dimensionnées selon 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    |

Une vignette de texte affichant une table Markdown.

Seule la justification à gauche est acceptée dans les colonnes du 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_**.

Une vignette de texte avec des polices 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

Une vignette de texte affichant une liste numérotée.

Listes non ordonnées

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

Une vignette de texte affichant une liste non triée.

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

Les différentes manières de mettre en forme des liens dans Markdown.

Cela se présente comme suit:

Mosaïque affichant du texte et des liens

Images

Les images peuvent être référencées par leur chemin d'accès ou leur 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]

Tuile de texte affichant une image référencée trois façons.

Pour contrôler la taille de l'image affichée par rapport à la taille des tuiles, utilisez du code HTML pour appeler l'image et ajoutez un paramètre de taille en pourcentage:

Voici un exemple de modification de la taille à l'aide du paramètre width="50%":


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

La largeur du logo Google Cloud est définie sur 50 %.

Vous pouvez également indiquer des valeurs maximales de hauteur et de largeur de la manière suivante:


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

La largeur du logo Google Cloud est définie sur 500 px.

Les paramètres de hauteur et de largeur en pixels ne définissent PAS l'image sur ces dimensions exactes. Le format de l'image sera donc " mieux adapté" à ces contraintes. Par exemple, si les dimensions "width=100px height=30px" ont été définies pour une image d'origine de 200 x 20 px, le résultat obtenu sera de 100 x 10 px, car la logique correspond à peu près à la largeur maximale, puis à la réduction jusqu'à la largeur maximale.

Mise en surbrillance du code

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

Une vignette de texte affichant le code dans le style de la police.

Règle horizontale

Three or more hyphens

---

Asterisks

***

Underscores

___

Une tuile de texte affichant du texte et des règles horizontales.


Citations

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

Une vignette de texte affichant une citation.

Devis

> 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.

Une vignette de texte avec une longue hreflang.

Syntaxe Markdown non compatible

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

  • Mathématiques
  • Images avec texte alternatif
  • Liens avec texte alternatif
  • Mise en surbrillance de la syntaxe propre à une langue
  • Barrer deux tildes
  • Sous-listes
  • Retrait