Um Markdown in einer Textkachel zu verwenden, wählen Sie beim Erstellen der Kachel Markdown im Dashboard Hinzufügen. Text-Kacheln sind eine neue Art von Looker-Textkacheln, die Markdown nicht verwenden, sondern eine visuelle Bearbeitung bieten.
Mit Textkacheln auf einem Dashboard können Sie die anderen Kacheln beschreiben und die Betrachter über die Informationen informieren. Die Markdown-Kacheln von Looker unterstützen eine eingeschränkte Version der Markdown-Auszeichnungssprache in Textkacheln. So können Sie Ihren Text formatieren oder Links und Bilder hinzufügen, um Ihre Dashboards hervorzuheben.
In Markdown-Kacheln unterstützte Markdown-Syntax
Auf dieser Seite wird die Markdown-Syntax aufgelistet, die für Markdown-Kacheln unterstützt wird. Dabei wird jedes Beispiel zuerst in einem Codeblock und dann als Ergebnis angezeigt.
Die Stile, in denen die Markdown-Elemente auf den Dashboard-Kacheln gerendert werden, können von den hier gezeigten Stilen abweichen.
Header
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
Tables
Die Spalten der Tabelle werden an den breitesten Datenwert angepasst. Mit
können Sie Spalten Spaltenbreite hinzufügen.
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
In Tabellenspalten wird nur die linke Begründung unterstützt.
Betonung
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
Nicht sortierte Listen
* Unordered lists can use asterisks
- or minuses
+ or pluses
Links
Links können auf verschiedene Weise hinzugefügt werden, wie im folgenden Markdown dargestellt:
Das wird folgendermaßen gerendert:
Bilder
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 Bilds im Verhältnis zur Kachelgröße zu steuern, rufen Sie das Bild mit HTML auf und fügen einen Parameter für die Größe in Prozent hinzu:
Hier ein Beispiel für eine Größenänderung mit dem width="50%"
-Parameter:
<img src="path/to/image.png" width="50%">
Alternativ können Sie explizite Werte für Höhe und Breite angeben:
<img src="path/to/image.png" width="500px" height="30px">
Über die Pixelparameter "Höhe" und "Breite" wird das Bild NICHT exakt auf diese Abmessungen gesetzt. Stattdessen wird das Seitenverhältnis des Bildes am besten an diese Einschränkungen angepasst. Wenn beispielsweise die Abmessungen „Breite=100px Höhe=30px“ für ein Bild festgelegt werden, das ursprünglich 200x20 px groß ist, würde das Ergebnis 100px x 10px ergeben, da die Logik so ungefähr lautet: „Bildbreite überschreitet Maximum > Herunterskalieren bis die maximale Breite erreicht ist“.
Code hervorheben
`<script>Some code</script>.`
Horizontale Regel
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 den Markdown-Kacheln nicht unterstützt:
- Mathematik
- Bilder mit Alt-Text
- Links mit Alt-Text
- Sprachspezifische Syntaxmarkierung
- Durchgestrichen mit zwei Tilden
- Unterlisten
- Einzug