Para usar Markdown en una tarjeta de texto, selecciona Markdown en el menú Añadir del panel de control al crear la tarjeta. Las baldosas de texto son un nuevo tipo de baldosas de texto de Looker que no usan Markdown, sino que ofrecen una experiencia de edición visual.
Puedes usar mosaicos de texto en un panel de control para describir los demás mosaicos y ayudar a los lectores a entender la información que presentan. Los recuadros de Markdown de Looker admiten una versión limitada del lenguaje de marcas Markdown en los recuadros de texto, lo que te ofrece opciones para dar formato al texto o añadir enlaces e imágenes que pueden hacer que tus paneles de control destaquen.
Sintaxis de Markdown admitida en las baldosas de Markdown
En esta página se muestra la sintaxis de Markdown que se admite en las tarjetas Markdown. En cada ejemplo, se muestra primero el bloque de código y, después, el resultado.
Los estilos con los que se renderizan los elementos de Markdown en los mosaicos del panel de control pueden ser diferentes de los que se muestran aquí.
Encabezados
Los paneles de control 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
Las columnas de la tabla se ajustan al valor de datos más ancho. Puedes usar para añadir anchura a las columnas.
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
En las columnas de las tablas solo se admite la justificación a la izquierda.
É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 desordenadas
* Unordered lists can use asterisks
- or minuses
+ or pluses
Enlaces
Los enlaces se pueden añadir de varias formas, 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 enlaces. 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 la baldosa, usa HTML para llamar a la imagen y añade un parámetro de tamaño en porcentaje. En el siguiente ejemplo se cambia el tamaño mediante el parámetro width="50%":
<img src="path/to/image.png" width="50%">
También puede proporcionar máximos de altura y anchura explícitos de esta forma:
<img src="path/to/image.png" width="500px" height="30px">
Los parámetros de píxeles de altura y anchura NO definirán la imagen con esas dimensiones exactas, sino que la relación de aspecto de la imagen se ajustará de la mejor forma posible a esas restricciones. Por ejemplo, si se definieran las dimensiones "width=100px height=30px" en una imagen que originalmente es de 200 px × 20 px, el resultado sería de 100 px × 10 px, ya que la lógica es aproximadamente "la anchura de la imagen supera el máximo > reducir hasta alcanzar la anchura máxima".
Resaltado de código
`<script>Some code</script>.`
Regla horizontal
Three or more hyphens
---
Asterisks
***
Underscores
___
Citas
> Blockquotes are very handy.
> This line is part of the same quote.
Salto de 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 las baldosas Markdown del panel de control:
- Matemáticas
- Imágenes con texto alternativo
- Enlaces con texto alternativo
- Resaltado de sintaxis específico de cada lenguaje
- Tachar con dos virgulillas
- Sublistas
- Sangría