Como usar o Markdown em blocos do Markdown

Para usar o Markdown em um bloco de texto, selecione Marcação 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 o 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 que esses blocos apresentam. Os blocos Markdown do Looker são compatíveis com uma versão limitada da linguagem de marcação Markdown em blocos de texto, que oferece opções para formatar o texto ou adicionar links e imagens que podem destacar os painéis.

Sintaxe do Markdown compatível com blocos do 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 estilos mostrados aqui.

Cabeçalhos

Os painéis são compatíveis com níveis de cabeçalho de 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 de acordo com o valor de dados mais amplo. Você pode 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.

Apenas a justificativa à esquerda é compatível com as colunas da tabela.

Ênfase

Emphasis (italics) with *asterisks* or _underscores_.

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

Combined emphasis with **asterisks and _underscores_**.

Um bloco de texto exibindo 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 exibindo uma lista numerada.

Listas não ordenadas

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

Um bloco de texto exibindo uma lista não ordenada.

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

As várias maneiras de formatar links no Markdown.

Ele é renderizado da seguinte maneira:

Um bloco de texto que exibe texto e links.

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 exibindo uma imagem referenciada de três maneiras.

Para controlar o tamanho da imagem exibida em relação ao tamanho do bloco, use HTML para chamar a imagem e adicionar um parâmetro de tamanho percentual:

Veja um exemplo de como alterar o tamanho usando o parâmetro width="50%":


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

Logotipo do Google Cloud definido como 50% de largura.

Também é possível fornecer valores máximos de altura e largura explícitos como estes:


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

Logotipo do Google Cloud definido com 500 pixels de largura.

Os parâmetros de altura e largura em pixels NÃO definirão a imagem para essas dimensões exatas. Em vez disso, a proporção da imagem será mais adequada a essas restrições. Por exemplo, se as dimensões "largura=100 px de altura=30 px" foram definidas em uma imagem que originalmente era de 200 x 20 px, o resultado seria de 100 x 10 px, já que a lógica é aproximadamente "a largura da imagem ultrapassa o máximo > reduzir escala vertical até que a largura máxima seja atingida".

Destaque do código

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

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

Régua horizontal

Three or more hyphens

---

Asterisks

***

Underscores

___

Um bloco de texto que exibe regras horizontais e de texto.


Blocos de texto

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

Um bloco de texto exibindo um bloco de texto.

Intervalo

> 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 Markdown não compatível

A sintaxe do Markdown a seguir não é compatível com blocos do Markdown do painel:

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