WYSIWYG 텍스트 타일 실험실 기능을 사용하면 마크다운을 사용하지 않고 시각적 편집 환경을 사용하는 새로운 유형의 Looker 텍스트 타일을 사용할 수 있습니다.
대시보드에서 텍스트 타일을 사용하여 다른 타일을 설명하고 뷰어가 타일이 제공하는 정보를 이해할 수 있도록 도울 수 있습니다. Looker의 원본 텍스트 타일은 텍스트 타일의 제한된 버전의 마크다운 마크업 언어를 지원하므로 텍스트 형식을 지정하거나 대시보드를 돋보이게 할 수 있는 링크와 이미지를 추가할 수 있습니다.
텍스트 타일에서 마크다운 구문 지원
이 페이지에는 텍스트 타일에 지원되는 마크다운 구문이 나와 있으며, 각 예는 먼저 코드 블록에 표시된 후 결과로 표시됩니다.
대시보드 타일에서 마크다운 요소가 렌더링되는 스타일은 여기에 표시된 스타일과 다를 수 있습니다.
헤더
기존 대시보드에서는 헤더가 지원되지 않습니다.
대시보드에서는 헤더 수준 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]
타일 크기와 관련하여 표시되는 이미지의 크기를 제어하려면 HTML을 사용하여 이미지를 호출하고 백분율 크기 매개변수를 추가하세요.
다음은 width="50%"
매개변수를 사용하여 크기를 변경하는 예입니다.
<img src="path/to/image.png" width="50%">
또는 다음과 같이 명시적으로 높이와 너비의 최댓값을 제공할 수 있습니다.
<img src="path/to/image.png" width="500px" height="30px">
높이 및 너비 픽셀 매개변수는 이미지의 크기를 정확하게 설정하지 않습니다. 그 대신 이미지의 가로세로 비율이 이러한 제약 조건에 '가장 잘 맞습니다'. 예를 들어 원래 크기가 200px x 20px인 이미지에 대해 너비 x 100px인 경우 크기가 100px x 10px가 됩니다. 이 논리가 'image width'가 최대 값을 초과하므로 너비에 도달할 때까지 축소됩니다.
코드 강조표시
`<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.
지원되지 않는 마크다운 구문
다음 마크다운 구문은 대시보드 텍스트 타일에서 지원되지 않습니다.
- 수학
- 대체 텍스트가 포함된 이미지
- 대체 텍스트가 포함된 링크
- 언어별 구문 강조표시
- 헤더 (기존 대시보드에서는 지원되지 않음)
- 물결표 2개를 사용한 취소선
- 하위 목록
- 들여쓰기