Wenn Sie Markdown in einer Textkachel verwenden möchten, wählen Sie beim Erstellen der Kachel im Dashboard-Menü Hinzufügen die Option Markdown aus. Text-Kacheln sind eine neue Art von Looker-Textkachel, bei der kein Markdown verwendet wird, sondern stattdessen eine visuelle Bearbeitung.
Sie können Text-Kacheln in einem Dashboard verwenden, um die anderen Kacheln zu beschreiben und Zuschauern zu helfen, die Informationen auf diesen Kacheln zu verstehen. Die Markdown-Kacheln von Looker unterstützen in Textkacheln eine eingeschränkte Version der Markdown-Markupsprache. So haben Sie die Möglichkeit, Text zu formatieren oder Links und Bilder hinzuzufügen, um Ihre Dashboards ansprechender zu gestalten.
In Markdown-Kacheln unterstützte Markdown-Syntax
Auf dieser Seite finden Sie die Markdown-Syntax, die für Markdown-Kacheln unterstützt wird. Jedes Beispiel wird zuerst in einem Codeblock und dann als Ergebnis angezeigt.
Die Stile, in denen die Markdown-Elemente in Ihren Dashboard-Kacheln gerendert werden, können von den hier gezeigten Stilen abweichen.
Header
Dashboards unterstützen die Kopfzeilenebenen 1–6:
## Header level 1
### Header level 2
#### Header level 3
##### Header level 4
###### Header level 5
####### Header level 6
Tabellen
Tabellenspalten werden so groß wie der breiteste Datenwert. Mit können Sie Spalten verbreitern.
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
In Tabellenspalten wird nur die Linksbündig-Ausrichtung 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
Unsortierte Listen
* Unordered lists can use asterisks
- or minuses
+ or pluses
Links
Links können auf verschiedene Arten hinzugefügt werden, wie im folgenden Markdown-Code gezeigt:
[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]
URLs in spitzen Klammern werden automatisch in Links umgewandelt. Beispiel: <looker.com> und looker.com.
Bilder
Bilder können über einen Pfad oder eine URL referenziert werden.
Here's our logo:
URL-style:
<img src="url/to/image.png">
Inline-style:
Reference-style:
![alt text][logo]
Wenn Sie die Größe des Bildes im Verhältnis zur Kachelgröße steuern möchten, rufen Sie das Bild über HTML auf und fügen Sie einen Prozentsatz für die Größe hinzu. Im folgenden Beispiel wird die Größe mit dem Parameter width="50%" geändert:
<img src="path/to/image.png" width="50%">
Alternativ können Sie auch explizite maximale Werte für Höhe und Breite angeben:
<img src="path/to/image.png" width="500px" height="30px">
Die Pixelparameter für Höhe und Breite legen NICHT die genauen Abmessungen des Bildes fest. Stattdessen wird das Seitenverhältnis des Bildes an diese Einschränkungen angepasst. Wenn beispielsweise die Abmessungen „width=100px height=30px“ für ein Bild festgelegt wurden, das ursprünglich 200 × 20 Pixel groß ist, ergibt sich ein Ergebnis von 100 × 10 Pixeln. Die Logik dahinter ist in etwa: „Bildbreite überschreitet das Maximum > Bild wird verkleinert, bis die maximale Breite erreicht ist.“
Code-Hervorhebung
`<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.
Zitat
> 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-Markdown-Kacheln nicht unterstützt:
- Mathematik
- Bilder mit Alt-Text
- Links mit Alt-Text
- Sprachspezifische Syntaxhervorhebung
- Durchstreichen mit zwei Tilden
- Unterlisten
- Einzug