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 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 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 cartes de votre tableau de bord peuvent différer de ceux 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
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 |
Seule la justification à gauche est acceptée dans les colonnes de tableau.
Accentuation
Emphasis (italics) with *asterisks* or _underscores_.
Strong emphasis (bold) with **double asterisks** or __double underscores__.
Combined emphasis with **asterisks and _underscores_**.
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
Listes non ordonnées
* Unordered lists can use asterisks
- or minuses
+ or pluses
Liens
Vous pouvez ajouter des liens de plusieurs manières, 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 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]
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%">
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">
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 "adapté au mieux" à 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'à ce que la largeur maximale soit atteinte".
Mise en surbrillance du code
`<script>Some code</script>.`
Règle horizontale
Three or more hyphens
---
Asterisks
***
Underscores
___
Citations
> Blockquotes are very handy.
> This line is part of the same quote.
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.
Syntaxe Markdown non prise en charge
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 à la langue
- Barré à l'aide de deux tildes
- Listes secondaires
- Retrait