Markdown in Markdown-Kacheln verwenden

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. Textkacheln sind eine neue Art von Looker-Textkacheln, die nicht Markdown verwenden, sondern eine visuelle Bearbeitung ermöglichen.

Sie können in einem Dashboard Textkacheln verwenden, um die anderen Kacheln zu beschreiben und Betrachtern die Informationen auf diesen Kacheln zu erläutern. Die Markdown-Kacheln von Looker unterstützen eine eingeschränkte Version der Markdown-Auszeichnungssprache in Textkacheln. Damit haben Sie Optionen zum Formatieren von Text oder zum Hinzufügen von Links und Bildern, mit denen Sie Ihre Dashboards ansprechender gestalten können.

In Markdown-Kacheln unterstützte Markdown-Syntax

Auf dieser Seite wird die Markdown-Syntax aufgeführt, 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 Ihren Dashboardkacheln gerendert werden, können von den hier gezeigten Stilen abweichen.

Header

Dashboards unterstützen die Überschriftenebenen 1 bis 6:

## Header level 1

### Header level 2

#### Header level 3

##### Header level 4

###### Header level 5

####### Header level 6

Tables

Tabellenspalten werden an den breitesten Datenwert angepasst. Mit   können Sie Spalten breiten.

| Tables        | Are           | Cool  |
| ------------- | ------------- | ----- |
| leopards      | have spots    | $1600 |
| zebras        | have stripes      | $12   |
| polar bears        | are white     | $1    |

Eine Textkachel, die eine Markdown-Tabelle anzeigt.

In Tabellenspalten wird nur die linksbündige 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_**.

Eine Textkachel mit fetter Schriftart und kursivem Text.

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

Eine Textkachel mit einer nummerierten Liste.

Unsortierte Listen

* Unordered lists can use asterisks
- or minuses
+ or pluses

Textkachel mit einer ungeordneten Liste

Links können auf verschiedene Weise hinzugefügt werden, wie im folgenden Markdown 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

Auf Bilder kann über einen Pfad oder eine 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]

In einer Textkachel wird das Google Cloud-Logo auf drei verschiedene Weisen dargestellt.

Um die Größe des Bildes in Bezug auf die Kachelgröße zu steuern, verwenden Sie HTML, um das Bild aufzurufen und fügen Sie einen Parameter für die prozentuale Größe hinzu. Im folgenden Beispiel wird die Größe mithilfe des Parameters width="50%" geändert:


<img src="path/to/image.png" width="50%">

Das Google Cloud-Logo ist auf 50% Breite eingestellt.

Sie können auch explizite Höchstwerte für Höhe und Breite wie folgt angeben:


<img src="path/to/image.png" width="500px" height="30px">

Das Google Cloud-Logo mit einer Breite von 500 Pixeln.

Durch die Pixelparameter für Höhe und Breite wird das Bild NICHT auf diese genauen Abmessungen festgelegt. Stattdessen wird das Seitenverhältnis des Bildes am besten an diese Beschränkungen angepasst. Wenn die Abmessungen „width=100px Höhe=30px“ für ein Bild festgelegt wurden, das ursprünglich 200 × 20 px groß ist, wäre das Ergebnis 100 × 10 px, da die Logik ungefähr „Bildbreite überschreitet Maximum > Verkleinern, bis das Maximum der Breite erreicht ist“ lautet.

Code-Hervorhebung

`<script>Some code</script>.`

Eine Textkachel, die Code in Codeschriftart anzeigt.

Horizontale Regel

Three or more hyphens

---

Asterisks

***

Underscores

___

Textkachel mit Text und horizontalen Regeln


Blockzitate

> Blockquotes are very handy.
> This line is part of the same quote.

Eine Textkachel mit einem Blockzitat.

Kursumbruch

> 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.

Textkachel mit einem langen Blockzitat

Nicht unterstützte Markdown-Syntax

Die folgende Markdown-Syntax wird in Markdown-Kacheln des Dashboards nicht unterstützt:

  • Mathematik
  • Bilder mit Alt-Text
  • Links mit Alt-Text
  • Sprachspezifische Syntaxhervorhebung
  • Mit zwei Tilden durchstreichen
  • Unterlisten
  • Einzug