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 offre une expérience d'édition visuelle.

Vous pouvez utiliser des vignettes de texte d'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 prennent en charge une version limitée du langage de balisage Markdown dans les vignettes de texte, qui vous offre des options pour mettre en forme votre texte ou ajouter des liens et des images qui peuvent faire ressortir vos tableaux de bord.

Syntaxe Markdown prise en charge dans les vignettes Markdown

Cette page liste la syntaxe Markdown prise en charge pour les vignettes Markdown, chaque exemple étant présenté 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 de la table 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    |

Mosaïque de texte affichant une table Markdown.

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

Emphase

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 une police en gras et du texte 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 non ordonnées

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

Vignette de texte affichant une liste non ordonnée.

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 crochets 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 manières différentes.

Pour contrôler la taille de l'image par rapport à la taille des tuiles, 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 fournir 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 px.

Les paramètres de pixels de hauteur et de largeur NE appliquent PAS ces dimensions exactes à l'image. Le format de l'image est adapté à ces contraintes. Par exemple, si les dimensions "width=100px height=30px" ont été définies pour une image de 200 x 20 px, le résultat est de 100 px x 10 px, car la logique est à peu près "la largeur de l'image dépasse la limite > réduisez jusqu'à atteindre la largeur maximale".

Mise en surbrillance du code

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

Vignette de texte affichant le code dans le style d'une police de code.

Règle horizontale

Three or more hyphens

---

Asterisks

***

Underscores

___

Vignette de texte affichant le texte et les règles horizontales.


Citations

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

Vignette de texte avec 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 à la langue
  • Barré avec deux tildes
  • Listes secondaires
  • Retrait