O recurso Blocos de texto WYSIWYG permite que os usuários utilizem um novo tipo de bloco de texto do Looker que não usa Markdown, mas tem uma experiência de edição visual.
É possível usar blocos de texto em um painel para descrever os outros blocos e ajudar os espectadores a entender as informações que apresentam. Os blocos de texto originais do Looker são compatíveis com uma versão limitada da linguagem de marcação Markdown em blocos de texto, oferecendo opções para formatar seu texto ou adicionar links e imagens que podem fazer com que os painéis se destaquem.
Sintaxe de marcação compatível com blocos de texto
Esta página lista a sintaxe Markdown compatível com blocos de texto, com cada exemplo mostrado primeiro em um bloco de código e, em seguida, como resultado.
Os estilos em que os elementos do Markdown são renderizados nos blocos do painel podem ser diferentes dos estilos mostrados aqui.
Cabeçalhos
Os cabeçalhos não são compatíveis com painéis legados.
Os painéis são compatíveis com 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 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 |
As colunas da tabela só oferecem suporte à justificativa à esquerda.
Ênfase
Emphasis (italics) with *asterisks* or _underscores_.
Strong emphasis (bold) with **double asterisks** or __double underscores__.
Combined emphasis with **asterisks and _underscores_**.
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
Listas não ordenadas
* Unordered lists can use asterisks
- or minuses
+ or pluses
Links
Os links podem ser adicionados de várias maneiras, conforme mostrado na marcação a seguir:
Ela é renderizada da seguinte maneira:
Imagens
As imagens podem ser referenciadas por caminho ou URL.
Here's our logo:
URL-style:
<img src="url/to/image.png">
Inline-style:
Reference-style:
![alt text][logo]
Para controlar o tamanho da imagem 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 alteração do tamanho usando o parâmetro width="50%":
<img src="path/to/image.png" width="50%">
Ou você pode fornecer altura e largura explícitas explícitas da seguinte forma:
<img src="path/to/image.png" width="500px" height="30px">
Os parâmetros de pixel de altura e largura NÃO definirão a imagem para essas dimensões exatas. Em vez disso, a proporção da imagem será "melhor adequada" para essas restrições. Por exemplo, se as dimensões "width=100px height=30px" fossem definidas em uma imagem originalmente de 200px x 20px, o resultado seria 100px x 10px, já que a lógica é aproximadamente "largura da imagem excede o máximo > reduza para baixo até que a largura máxima seja alcançada."
Destaque de código
`<script>Some code</script>.`
Régua horizontal
Three or more hyphens
---
Asterisks
***
Underscores
___
Blocos de texto
> Blockquotes are very handy.
> This line is part of the same quote.
Quebra de aspas
> 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.
Sintaxe de Markdown incompatível
A sintaxe de Markdown a seguir não é compatível com blocos de texto do painel:
- Matemática
- Imagens com texto alternativo
- Links com texto alternativo
- Destaque de sintaxe específico do idioma
- Cabeçalhos (não compatíveis com painéis legados)
- Tachado usando dois tils
- Sublistas
- Recuo