テキストタイルでの Markdown の使用

WYSIWYG テキストタイル Labs 機能を使用すると、Markdown を使用せずに視覚的な編集機能を備えた新しいタイプの Looker テキストタイルを使用できます。

ダッシュボードにテキストタイルを表示すると、他のタイルについて説明したり、表示されている情報を閲覧者にわかりやすく説明したりできます。Looker の元のテキストタイルは、テキスト タイルで限定版の Markdown マークアップ言語をサポートしています。これにより、テキストの書式を設定することや、ダッシュボードを見やすくするリンクや画像を追加することができます。

テキストタイルでサポートされているマークダウン構文

このページでは、テキストタイルでサポートされている Markdown 構文を示します。各例は、最初にコードブロックで表示され、次に結果として表示されます。

ダッシュボード タイルに Markdown 要素を表示するスタイルは、ここに表示されるスタイルとは異なる場合があります。

ヘッダー

ヘッダーは、以前のダッシュボードではサポートされていません。

ダッシュボードは、ヘッダーレベル 1 ~ 6 をサポートしています。

## Header level 1

### Header level 2

#### Header level 3

##### Header level 4

###### Header level 5

####### Header level 6

Tables

テーブル列は、最も広範なデータ値に合わせてサイズが設定されます。  を使用して、列の幅を追加できます。

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

マークダウン テーブルが表示されているテキストタイル

表の列では左揃えのみがサポートされています。

強調

Emphasis (italics) with *asterisks* or _underscores_.

Strong emphasis (bold) with **double asterisks** or __double underscores__.

Combined emphasis with **asterisks and _underscores_**.

太字フォントと斜体テキストを表示するテキストタイル

番号付きリスト

1. First ordered list item
1. Another item
1. Actual numbers don't matter, just that it's a number
1. And another item

番号付きリストが表示されたテキストタイル

順序なしリスト

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

順序のないリストを表示するテキストタイル。

次のマークダウンに示すように、リンクはいくつかの方法で追加できます。

マークダウンでリンクを書式設定するさまざまな方法

次のように表示されます。

リンクテキストとリンクを表示するテキストタイル

画像

画像はパスまたは URL で参照できます。

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]

3 つの方法で参照される画像を表示するテキストタイル。

タイルサイズに対して表示される画像のサイズを制御するには、HTML を使用して画像を呼び出し、percent サイズ パラメータを追加します。

width="50%" パラメータを使用してサイズを変更する例を次に示します。


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

Google Cloud ロゴの幅が 50% に設定されている。

または、次のように高さと幅の最大値を明示的に指定できます。


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

Google Cloud ロゴの幅が 500 ピクセル。

高さと幅のピクセル パラメータは、画像をこれらの正確なサイズに設定しません。代わりに、画像のアスペクト比がこれらの制約に合わせて「最適」になります。たとえば、元々の 200 x 20 ピクセルの画像に対してサイズが幅 / 100 ピクセル = 30 ピクセルの場合、結果は 100 × 10 ピクセルになります。これは、画像の幅が最大値に達し、最大限に縮小されるまで有効です。"

コードのハイライト表示

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

コードフォント スタイルでコードを表示するテキストタイル。

水平線

Three or more hyphens

---

Asterisks

***

Underscores

___

テキストと水平ルールを表示するテキストタイル。


引用

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

ブロッククォートが表示されているテキストタイル。

引用の区切り

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

長いブロッククォートが表示されているテキストタイル。

サポートされていない Markdown 構文

次の Markdown 構文は、ダッシュボードのテキスト タイルではサポートされていません

  • 数学
  • 代替テキスト付き画像
  • 代替テキスト付きリンク
  • 言語固有の構文のハイライト表示
  • ヘッダー(以前のダッシュボードではサポートされていません)
  • 2 つのチルダによる取り消し線
  • サブリスト
  • インデント