Mit der Labs-Funktion WYSIWYG-Textkacheln können Nutzer eine neue Art von Looker-Textkacheln nutzen, die Markdown nicht nutzen, sondern eine visuelle Bearbeitung bieten.
Sie können auf einem Dashboard Textkacheln verwenden, um die anderen Kacheln zu beschreiben und den Betrachtern die Informationen zu vermitteln, die sie präsentieren. Die ursprünglichen Textkacheln von Looker unterstützen eine eingeschränkte Version der Markup-Sprache Markdown in Textkacheln. Damit haben Sie die Möglichkeit, den Text zu formatieren oder Links und Bilder hinzuzufügen, um die Dashboards ansprechender zu gestalten.
Markdown-Syntax wird in Textkacheln unterstützt
Auf dieser Seite wird die Markdown-Syntax aufgeführt, die für Textkacheln unterstützt wird. Jedes Beispiel wird zuerst in einem Codeblock und dann als Ergebnis angezeigt.
Die Stile, in denen die Markdown-Elemente auf deinen Dashboard-Kacheln gerendert werden, können von den hier dargestellten Stilen abweichen.
Header
Header werden in alten Dashboards nicht unterstützt.
Dashboards unterstützen die Headerebenen 1–6:
## Header level 1
### Header level 2
#### Header level 3
##### Header level 4
###### Header level 5
####### Header level 6
Tabellen
Tabellenspalten haben die breiteste Größe. Mit
können Sie Spalten Spaltenbreite hinzufügen.
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
Nur Tabellen mit Begründung werden in Tabellenspalten unterstützt.
Hervorhebung
Emphasis (italics) with *asterisks* or _underscores_.
Strong emphasis (bold) with **double asterisks** or __double underscores__.
Combined emphasis with **asterisks and _underscores_**.
Nummerierte Listen
1. First ordered list item
1. Another item
1. Actual numbers don't matter, just that it's a number
1. And another item
Unsortierte Listen
* Unordered lists can use asterisks
- or minuses
+ or pluses
Links
Links können auf verschiedene Arten hinzugefügt werden:
Wird folgendermaßen gerendert:
Images
Auf Bilder kann über Pfad oder URL verwiesen werden.
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]
Um die Größe des angezeigten Bildes im Verhältnis zur Kachelgröße zu steuern, rufen Sie das Bild mit HTML auf und fügen Sie einen Parameter für die prozentuale Größe hinzu:
Hier ein Beispiel, bei dem die Größe mit dem Parameter width="50%"
geändert wird:
<img src="path/to/image.png" width="50%">
Alternativ können Sie maximale Werte für Höhe und Breite angeben:
<img src="path/to/image.png" width="500px" height="30px">
Mit den Pixel-Parametern für Höhe und Breite wird das Bild NICHT genau auf diese Abmessungen gesetzt. Stattdessen wird das Seitenverhältnis des Bildes auf diese Beschränkungen eingestellt. Wenn die Abmessungen beispielsweise auf einem Bild mit einer Größe von 200 × 20 Pixel festgelegt sind, beträgt das Ergebnis 100 × 10 Pixel, da die Logik ungefähr in etwa die maximale Breite von „gt“ beträgt, bis die maximale Breite erreicht ist.
Code-Hervorhebung
`<script>Some code</script>.`
Horizontale Trennlinie
Three or more hyphens
---
Asterisks
***
Underscores
___
Blockzitate
> Blockquotes are very handy.
> This line is part of the same quote.
Anführungszeichen
> 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.
Nicht unterstützte Markdown-Syntax
Die folgende Markdown-Syntax wird in Dashboard-Textkacheln nicht unterstützt:
- Mathematik
- Bilder mit Alt-Text
- Links mit Alt-Text
- Sprachspezifische Syntaxhervorhebung
- Header (wird in alten Dashboards nicht unterstützt)
- Durchstreichen mit zwei Tilden
- Unterlisten
- Einzug