Utilisation de Markdown dans les vignettes 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 vignettes de texte sur un tableau de bord pour décrire les autres vignettes et pour aider les utilisateurs à comprendre les informations qu'elles 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 offre des options de mise en forme de votre texte, ou d'ajout de liens et d'images qui font ressortir 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 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 d'un 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    |

Vignette de texte affichant un tableau 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_**.

Vignette de texte avec 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 non trié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 chevrons 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]


Vignette de texte affichant le logo Google Cloud référencé de trois façons différentes.

Pour contrôler la taille de l'image par rapport à la taille des tuiles, utilisez HTML pour appeler l'image et ajouter un paramètre de taille de pourcentage. L'exemple suivant permet de modifier la taille à l'aide du paramètre width="50%":


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

Largeur du logo Google Cloud définie sur 50 %.

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

Largeur du logo Google Cloud définie sur 500 pixels.

Les paramètres de hauteur et de largeur en pixels NE définissent PAS ces dimensions exactes pour l'image. le format de l'image s'ajustera au mieux à ces contraintes. Par exemple, si les dimensions "largeur=100 pixels hauteur=30 pixels" ont été définis sur une image de 200 x 20 pixels, le résultat serait de 100 x 10 pixels, car la logique est à peu près : "la largeur de l'image dépasse la valeur maximale > réduire 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

___

Vignette de texte affichant du texte et des règles horizontales.


Citations

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

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

Vignette de texte avec une longue citation.

Syntaxe Markdown non prise en charge

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é à l'aide de deux tildes
  • Listes secondaires
  • Retrait