Utilisation de Markdown dans les vignettes Markdown

Pour utiliser Markdown dans une vignette de texte, sélectionnez Markdown dans le menu Ajouter du tableau de bord lorsque vous créez la vignette. Les vignettes Texte sont un nouveau type de vignette de texte Looker qui n'utilisent pas Markdown, mais offrent une expérience d'édition visuelle.

Vous pouvez utiliser des vignettes de texte sur un tableau de bord pour décrire les autres vignettes et aider les utilisateurs à comprendre les informations qu'elles présentent. Les vignettes Markdown de Looker sont compatibles avec une version limitée du langage de balisage Markdown dans les vignettes de texte, ce qui vous offre des options pour mettre en forme votre texte, ou ajouter des liens et des images pour faire ressortir vos tableaux de bord.

Syntaxe Markdown prise en charge dans les vignettes Markdown

Cette page présente la syntaxe Markdown compatible avec les tuiles Markdown. Chaque exemple est affiché d'abord dans un bloc de code, puis en tant que résultat.

Les styles dans lesquels les éléments Markdown s'affichent sur les vignettes de votre tableau de bord peuvent différer des styles 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

Les colonnes du tableau sont dimensionnées en fonction de 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 une table 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_**.

Mosaïque 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

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

Listes à puces

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

Mosaïque de texte affichant une liste à puces.

Les liens peuvent être ajoutés de plusieurs manières, comme indiqué dans le 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 entre chevrons sont automatiquement transformées en liens. Par exemple, <looker.com> ainsi que looker.com.

Images

Les images peuvent être référencées par un chemin d'accès ou une 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 vignette de texte affiche le logo Google Cloud référencé de trois façons.

Pour contrôler la taille de l'image par rapport à la taille des tuiles, appelez l'image en HTML 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 une largeur de 50 %.

Vous pouvez également fournir des valeurs maximales de hauteur et de largeur explicites comme suit:


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

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

Les paramètres de pixels de hauteur et de largeur ne définissent PAS l'image à ces dimensions exactes, mais le rapport hauteur/largeur de l'image sera "mieux adaptée" à ces contraintes. Par exemple, si les dimensions "width=100px height=30px" ont été définies pour une image dont la taille initiale est de 200 x 20 pixels, le résultat sera de 100 x 10 pixels, car la logique est à peu près "la largeur de l'image dépasse le maximum > la réduction de la taille jusqu'à atteindre la largeur maximale".

Mise en surbrillance du code

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

Carte de texte affichant le code dans un style avec police de code.

Règle horizontale

Three or more hyphens

---

Asterisks

***

Underscores

___

Mosaïque de texte affichant du texte et des règles horizontales.


Citations

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

Tuile de texte affichant une citation.

Saut de guillemet

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

Tuile de texte affichant une longue citation.

Syntaxe Markdown non compatible

La syntaxe Markdown suivante n'est pas prise en charge dans les vignettes Markdown du tableau de bord:

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