Como usar Markdown em blocos Markdown

Para usar o Markdown em um Bloco de texto, selecione Markdown no menu Adicionar 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 painel para descrever os outros blocos e ajudar os espectadores a entender as informações apresentadas. 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 com suporte nos blocos de Markdown

Esta página lista a sintaxe do Markdown que é compatível com os blocos de 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    |

Bloco de texto que mostra 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

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 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 bloco, use HTML para chamar a imagem e adicionar um parâmetro de tamanho percentual. 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.

Ou você pode fornecer alturas e larguras máximas explícitas, como esta:


<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" para essas restrições. Por exemplo, se as dimensões "width=100px height=30px" forem definidas em uma imagem que é originalmente 200 px x 20 px, o resultado será 100 px x 10 px, já que a lógica é mais ou menos "a largura da imagem excede o máximo > redimensione até atingir a largura máxima".

Realce de código

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

Bloco de texto que mostra o código no estilo da fonte do código.

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 mostrando um bloco de citações.

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 que mostra um bloco de citações longo.

Sintaxe de Markdown não aceita

A sintaxe do Markdown a seguir 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
  • Rasura usando dois tils
  • Sublistas
  • Recuo