Usar Markdown em mosaicos Markdown

Para usar Markdown num mosaico de texto, selecione Markdown no menu Adicionar do painel de controlo quando criar o mosaico. Os mosaicos de texto são um novo tipo de mosaico de texto do Looker que não usa Markdown, mas oferece uma experiência de edição visual.

Pode usar mosaicos de texto num painel de controlo para descrever os outros mosaicos e ajudar os visitantes a compreender as informações que esses mosaicos apresentam. Os mosaicos de Markdown do Looker suportam uma versão limitada da linguagem de marcação Markdown em mosaicos de texto, o que lhe dá opções para formatar o texto ou adicionar links e imagens que podem tornar os seus painéis de controlo mais apelativos.

Sintaxe de Markdown suportada nos mosaicos de Markdown

Esta página apresenta a sintaxe de Markdown suportada para mosaicos de Markdown, com cada exemplo apresentado primeiro num bloco de código e, em seguida, como resultado.

Os estilos em que os elementos Markdown são renderizados nos mosaicos do painel de controlo podem diferir dos estilos apresentados aqui.

Cabeçalhos

Os painéis de controlo suportam os 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 largo. Pode usar   para adicionar largura às colunas.

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

Um mosaico de texto a apresentar uma tabela do Markdown.

Apenas o alinhamento à esquerda é suportado nas colunas das tabelas.

Ênfase

Emphasis (italics) with *asterisks* or _underscores_.

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

Combined emphasis with **asterisks and _underscores_**.

Um mosaico de texto que apresenta um tipo de letra 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 mosaico de texto que apresenta uma lista numerada.

Listas não ordenadas

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

Um mosaico de texto que apresenta uma lista não ordenada.

Pode adicionar links de várias formas, 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 parênteses angulares são transformados automaticamente em links. Por exemplo, <looker.com>, bem como 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 mosaico de texto apresenta o logótipo do Google Cloud referenciado de três formas.

Para controlar o tamanho da imagem em relação ao tamanho do mosaico, use HTML para chamar a imagem e adicione um parâmetro de tamanho em percentagem. O exemplo seguinte altera o tamanho através do parâmetro width="50%":


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

O logótipo do Google Cloud definido com uma largura de 50%.

Em alternativa, pode fornecer máximos explícitos de altura e largura da seguinte forma:


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

O logótipo do Google Cloud com uma largura de 500 px.

Os parâmetros de píxeis de altura e largura NÃO definem a imagem para essas dimensões exatas. Em vez disso, a proporção da imagem é "ajustada da melhor forma" a essas restrições. Por exemplo, se as dimensões "width=100px height=30px" fossem definidas numa imagem que tem originalmente 200 px x 20 px, o resultado seria 100 px x 10 px, uma vez que a lógica é aproximadamente "a largura da imagem excede o máximo > reduzir a escala até atingir o máximo de largura".

Realce de código

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

Um mosaico de texto que apresenta código no estilo de tipo de letra de código.

Régua horizontal

Three or more hyphens

---

Asterisks

***

Underscores

___

Um mosaico de texto que apresenta texto e regras horizontais.

Blockquotes

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

Um mosaico de texto que apresenta uma citação.

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 mosaico de texto a apresentar uma citação longa.

Sintaxe de Markdown não suportada

A seguinte sintaxe de Markdown não é suportada nos mosaicos de Markdown do painel de controlo:

  • Matemática
  • Imagens com texto alternativo
  • Links com texto alternativo
  • Destaque de sintaxe específico do idioma
  • Rasurar com dois til
  • Sublistas
  • Avanço