Como usar Markdown em blocos Markdown

Para usar o Markdown em um bloco de texto, selecione Markdown no menu Add do painel ao criar o bloco. Os blocos de texto são um novo tipo de bloco de texto do Looker que não usa Markdown, mas oferece uma experiência de edição visual.

Você pode usar blocos de texto em um dashboard para descrever os outros blocos e ajudar os visualizadores a entender as informações que eles apresentam. Os tiles do Looker oferecem suporte a uma versão limitada da linguagem de marcação Markdown nos tiles de texto, o que oferece opções de formatação de texto ou adição de links e imagens que podem destacar seus painéis.

Sintaxe de Markdown compatível com blocos Markdown

Esta página lista a sintaxe Markdown compatível com blocos Markdown, com cada exemplo mostrado primeiro em um bloco de código e depois como resultado.

Os estilos em que os elementos Markdown são renderizados nos blocos do painel podem ser diferentes dos mostrados aqui.

Cabeçalhos

Os painéis de controle oferecem suporte aos níveis de cabeçalho 1 a 6:

## Header level 1

### Header level 2

#### Header level 3

##### Header level 4

###### Header level 5

####### Header level 6

Tabelas

As colunas da tabela são dimensionadas para o valor de dados mais amplo. É possível usar   para adicionar largura às colunas.

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

Um bloco de texto exibindo uma tabela Markdown.

Somente a justificação à esquerda é compatível com as colunas de tabela.

Ênfase

Emphasis (italics) with *asterisks* or _underscores_.

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

Combined emphasis with **asterisks and _underscores_**.

Bloco de texto mostrando fonte em negrito e texto em itálico.

Listas numeradas

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

Um bloco de texto mostrando uma lista numerada.

Listas não ordenadas

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

Bloco de texto mostrando uma lista não ordenada.

Os links podem ser adicionados de várias maneiras, conforme mostrado no Markdown abaixo:

[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]

Os URLs entre colchetes angulares são automaticamente transformados em links. Por exemplo, <looker.com> e looker.com.

Imagens

As imagens podem ser referenciadas por caminho ou 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]


Um bloco de texto mostra o logotipo do Google Cloud referenciado de três maneiras.

Para controlar o tamanho da imagem em relação ao tamanho do bloco, use HTML para chamar a imagem e adicione um parâmetro de tamanho de porcentagem. O exemplo a seguir muda o tamanho usando o parâmetro width="50%":


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

O logotipo do Google Cloud definido com 50% de largura.

Outra opção é fornecer valores máximos de altura e largura explícitos, da seguinte forma:


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

O logotipo do Google Cloud definido com 500 px de largura.

Os parâmetros de altura e largura em pixels NÃO definem a imagem com essas dimensões exatas. Em vez disso, a proporção da imagem será a "melhor adaptação" a essas restrições. Por exemplo, se as dimensões "width=100px height=30px" foram definidas em uma imagem que originalmente tem 200 px x 20 px, o resultado seria 100 px x 10 px, pois a lógica é que "a largura da imagem excede o máximo > reduzir escala vertical até atingir a largura máxima."

Destaque de código

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

Um bloco de texto exibindo código no estilo código-fonte.

Régua horizontal

Three or more hyphens

---

Asterisks

***

Underscores

___

Bloco de texto mostrando texto e linhas horizontais.


Blocos de texto

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

Um bloco de texto exibindo um bloco de texto.

Quebra de citação

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

Um bloco de texto exibindo um bloco de texto longo.

Sintaxe de Markdown incompatível

A seguinte sintaxe Markdown não é compatível com os blocos Markdown do painel:

  • Matemática
  • Imagens com texto alternativo
  • Links com texto alternativo
  • Destaque de sintaxe específico da linguagem
  • Tachar usando dois tils
  • Sublistas
  • Recuo