Para usar Markdown en un mosaico de texto, selecciona Markdown en el menú Agregar del panel cuando crees el mosaico. Los mosaicos de texto son un nuevo tipo de mosaico 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 presentan. Los mosaicos de Markdown de Looker admiten una versión limitada del lenguaje de marcación Markdown en los mosaicos de texto, lo que te brinda opciones para dar formato al texto o agregar imágenes y vínculos que pueden resaltar tus paneles.
Sintaxis de Markdown compatible con las tarjetas de Markdown
En esta página, se muestra la sintaxis de Markdown compatible con los mosaicos de Markdown. Cada ejemplo se muestra primero en un bloque de código y luego se muestra como resultado.
Los estilos en los que se renderizan los elementos de Markdown en los mosaicos de tu panel pueden diferir de los que se muestran aquí.
Encabezados
Los paneles admiten los niveles de encabezado 1 a 6:
## Header level 1
### Header level 2
#### Header level 3
##### Header level 4
###### Header level 5
####### Header level 6
Tables
El tamaño de las columnas de la tabla se ajusta al valor de datos más amplio. 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 la 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
Puedes agregar enlaces de varias maneras, como se muestra en el siguiente 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 URLs entre corchetes angulares se convierten automáticamente en vínculos. Por ejemplo, <looker.com> y looker.com.
Imágenes
Se puede hacer referencia a las imágenes por ruta de acceso o URL.
Here's our logo:
URL-style:
<img src="url/to/image.png">
Inline-style:
Reference-style:
![alt text][logo]
Si quieres controlar el tamaño de la imagen en relación con el tamaño del mosaico, usa HTML para llamar a la imagen y agregar 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%">
O bien, puedes proporcionar valores máximos de altura y ancho explícitos, como los siguientes:
<img src="path/to/image.png" width="500px" height="30px">
Los parámetros de píxeles de altura y ancho NO definirán la imagen con esas dimensiones exactas, sino que la relación de aspecto de la imagen se "ajustará mejor" a esas restricciones. Por ejemplo, si las dimensiones "ancho=100 px de altura=30 px" se configuraran en una imagen que originalmente tiene 200 px x 20 px, el resultado sería de 100 px x 10 px, ya que la lógica es, aproximadamente, "el ancho de la imagen excede el máximo > reducir la escala 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.
Pausa entre comillas
> 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 compatible
La siguiente sintaxis de Markdown no es compatible con los mosaicos de Markdown de panel:
- Matemática
- Imágenes con texto alternativo
- Vínculos con texto alternativo
- Resalte de sintaxis específico del lenguaje
- Tachar con dos virgulillas
- Sublistas
- Sangría