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
Links
次のマークダウンに示すように、リンクはいくつかの方法で追加できます。
次のように表示されます。
画像
画像はパスまたは 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]
タイルサイズに対して表示される画像のサイズを制御するには、HTML を使用して画像を呼び出し、percent サイズ パラメータを追加します。
width="50%"
パラメータを使用してサイズを変更する例を次に示します。
<img src="path/to/image.png" width="50%">
または、次のように高さと幅の最大値を明示的に指定できます。
<img src="path/to/image.png" width="500px" height="30px">
高さと幅のピクセル パラメータは、画像をこれらの正確なサイズに設定しません。代わりに、画像のアスペクト比がこれらの制約に合わせて「最適」になります。たとえば、元々の 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 つのチルダによる取り消し線
- サブリスト
- インデント