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 o Markdown, mas oferecem uma experiência de edição visual.

Você pode usar blocos de texto para descrever os outros blocos e ajudar os espectadores a entender as informações que eles apresentam. Os blocos de Markdown do Looker são compatíveis com uma versão limitada da linguagem de marcação Markdown em blocos de texto, o que oferece opções para formatar o texto ou adicionar links e imagens que podem destacar os painéis.

Sintaxe de Markdown compatível com blocos Markdown

Esta página lista a sintaxe Markdown compatível com 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 renderizados nos blocos do painel podem ser diferentes dos estilos mostrados aqui.

Cabeçalhos

Os painéis são compatíveis com cabeçalhos de níveis 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 que exibe uma tabela Markdown.

Somente 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 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 seguinte Markdown:

[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 sinais de maior e menor 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 o 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 como 50% da largura.

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


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

O logotipo do Google Cloud foi definido como 500 px de largura.

Os parâmetros de altura e largura dos pixels NÃO definirão a imagem com essas dimensões exatas. Em vez disso, a proporção da imagem será o melhor ajuste para essas restrições. Por exemplo, se as dimensões "width=100px height=30px" forem definidas em uma imagem originalmente de 200px x 20px, o resultado será 100px x 10px, já que a lógica é aproximadamente "largura da imagem excede o máximo > reduzir escala vertical até que o máximo da largura seja atingido".

Destaque de código

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

Um bloco de texto mostrando código no estilo fonte de código.

Régua horizontal

Three or more hyphens

---

Asterisks

***

Underscores

___

Um bloco de texto mostrando texto e regras horizontais.

Blocos de texto

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

Um bloco de texto mostrando um bloco de texto.

Intervalo para 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 sintaxe Markdown abaixo não é compatível com os blocos Markdown do painel:

  • Matemática
  • Imagens com texto alternativo
  • Links com texto alternativo
  • Destaque de sintaxe específica do idioma
  • Tachar usando dois tils
  • Sublistas
  • Recuo