La fonctionnalité expérimentale Mosaïques de texte WYSIWYG permet aux utilisateurs d'utiliser un nouveau type de tuile de texte Looker qui n'utilise pas Markdown, mais offre une expérience de montage visuel.
Vous pouvez utiliser des tuiles de texte sur un tableau de bord pour décrire les autres tuiles et aider les spectateurs à comprendre les informations qu'ils présentent. Les tuiles de texte d'origine de Looker sont compatibles avec une version limitée du langage de balisage Markdown dans les tuiles de texte. Vous pouvez ainsi mettre en forme le texte, ou ajouter des liens et des images qui peuvent faire ressortir vos tableaux de bord.
Syntaxe Markdown compatible avec les tuiles de texte
Cette page présente la syntaxe Markdown compatible avec les tuiles de texte. Chaque exemple s'affiche en premier dans un bloc de code, puis 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 affichés ici.
En-têtes
Les en-têtes ne sont pas compatibles avec les anciens tableaux de bord.
Les tableaux de bord acceptent 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 du tableau correspond à 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 de gauche est acceptée dans les colonnes du tableau.
Mettre en avant
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 triées
* Unordered lists can use asterisks
- or minuses
+ or pluses
Links
Vous pouvez ajouter des liens de différentes manières, comme indiqué dans le Markdown suivant:
Le résultat est le suivant:
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:
Reference-style:
![alt text][logo]
Pour contrôler la taille de l'image affichée par rapport à la taille des tuiles, utilisez HTML pour appeler l'image et ajouter 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%">
Vous pouvez également indiquer des valeurs maximales de hauteur et de largeur explicites, comme suit:
<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. En effet, le format de l'image est mieux adapté à ces contraintes. Par exemple, si les dimensions "width=100px height=30px" sont définies sur une image d'origine de 200 x 20 pixels, le résultat sera de 100 x 10 pixels, car la logique mesure approximativement la "largeur d'image" au-delà de la valeur maximale de l'image 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.
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 compatible
La syntaxe Markdown suivante n'est pas compatible avec les tuiles de texte du tableau de bord:
- Mathématiques
- Images avec du texte alternatif
- Liens avec texte alternatif
- Mise en surbrillance de la syntaxe spécifique à une langue
- En-têtes (non compatibles avec les anciens tableaux de bord)
- Barré avec deux tildes
- Sous-listes
- Retrait