Para usar Markdown en una tarjeta de texto, selecciona Markdown en el menú Agregar del panel cuando crees la tarjeta. Los mosaicos de texto son un nuevo tipo de tarjeta de texto de Looker que no usa Markdown, sino que proporciona una experiencia de edición visual.
Puedes usar mosaicos de texto en un panel para describir los otros mosaicos y ayudar a los usuarios a comprender la información que contienen. Los mosaicos de Markdown de Looker admiten una versión limitada del lenguaje de marcado Markdown en los mosaicos de texto, que te brinda opciones para dar formato al texto o agregar imágenes y vínculos que pueden destacar tus paneles.
Sintaxis de Markdown compatible con las tarjetas de Markdown
En esta página, se menciona la sintaxis de Markdown compatible con los mosaicos de Markdown. Cada ejemplo se muestra primero en un bloque de código y luego como resultado.
Los estilos en los que se renderizan los elementos de Markdown en los mosaicos de tu panel pueden diferir de los estilos que se muestran aquí.
Encabezados
Los paneles admiten los niveles de encabezado del 1 al 6:
## Header level 1
### Header level 2
#### Header level 3
##### Header level 4
###### Header level 5
####### Header level 6
Tablas
El tamaño de las columnas de la tabla se ajusta al valor de datos más ancho. Puedes usar para agregar ancho a las columnas.
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
Solo se admite una justificación a la izquierda en las columnas de la tabla.
Énfasis
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 sin ordenar
* Unordered lists can use asterisks
- or minuses
+ or pluses
Vínculos
Los vínculos se pueden agregar de varias maneras, como se muestra en el siguiente código 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]
Las URL que aparecen entre corchetes angulares se convierten en vínculos automáticamente. Por ejemplo, <looker.com> y looker.com.
Imágenes
Se puede hacer referencia a las imágenes por ruta o URL.
Here's our logo:
URL-style:
<img src="url/to/image.png">
Inline-style:
Reference-style:
![alt text][logo]
Para controlar el tamaño de la imagen en relación con el tamaño de mosaico, usa HTML para llamar a la imagen y agrega un parámetro de tamaño porcentual. En el siguiente ejemplo, se cambia el tamaño con el parámetro width="50%":
<img src="path/to/image.png" width="50%">
También puedes proporcionar valores máximos de altura y ancho explícitos de la siguiente manera:
<img src="path/to/image.png" width="500px" height="30px">
Los parámetros de píxeles de altura y ancho NO establecerán la imagen en esas dimensiones exactas, sino que la relación de aspecto de la imagen será la "más adecuada" para esas restricciones. Por ejemplo, si las dimensiones "ancho=100px altura=30px" se establecieron en una imagen que originalmente es de 200 px x 20 px, el resultado será de 100 px x 10 px, ya que la lógica es aproximadamente "el ancho de la imagen supera el máximo > reducir la escala verticalmente hasta que se alcance el ancho máximo”.
Destacado de código
`<script>Some code</script>.`
Regla horizontal
Three or more hyphens
---
Asterisks
***
Underscores
___
Bloques entrecomillados
> Blockquotes are very handy.
> This line is part of the same quote.
Salto de la cita
> 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.
Sintaxis de Markdown no admitida
La siguiente sintaxis de Markdown no se admite en los mosaicos de Markdown del panel:
- Matemáticas
- Imágenes con texto alternativo
- Vínculos con texto alternativo
- Resaltado de sintaxis específico del lenguaje
- Tachar con dos virgulillas
- Sublistas
- Sangría