Usa Markdown en mosaicos de Markdown

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 tipo nuevo de mosaicos de Looker que no usan Markdown, sino que proporcionan 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 de Markdown en mosaicos de texto, lo que te brinda opciones para dar formato a tu texto o agregar vínculos e imágenes que pueden hacer que tus paneles se destaquen.

Sintaxis de Markdown compatible con mosaicos 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, en el 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 1 a 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 según el 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    |

Mosaico de texto que muestra una tabla de Markdown.

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_**.

Mosaico de texto que muestra una fuente en negrita y texto en cursiva.

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

Mosaico de texto que muestra una lista numerada.

Listas sin ordenar

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

Mosaico de texto que muestra una lista sin ordenar.

Los vínculos se pueden agregar de varias maneras, como se muestra en la siguiente Markdown:

Las diferentes maneras de dar formato a los vínculos en Markdown.

Se procesa de la siguiente manera:

Mosaico de texto que muestra texto y vínculos.

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:

![alt text](path/to/image.png)

Reference-style:

![alt text][logo]

Mosaico de texto que muestra una imagen a la que se hace referencia de tres maneras.

Para controlar el tamaño de la imagen que se muestra 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%">

Se estableció el logotipo de Google Cloud al 50% de ancho.

También puedes proporcionar valores máximos de altura y ancho explícitos, como se muestra a continuación:


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

El logotipo de Google Cloud debe tener un ancho de 500 px.

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 se configuraran las dimensiones "width=100px height=30px" en una imagen que originalmente tenga 200 px x 20 px, el resultado sería 100 px x 10 px, ya que la lógica es aproximadamente "el ancho de la imagen supera el máximo > reduce la escala hasta que se alcance el ancho máximo".

Destacado de código

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

Mosaico de texto que muestra código en estilo de fuente de código.

Regla horizontal

Three or more hyphens

---

Asterisks

***

Underscores

___

Mosaico de texto que muestra texto y reglas horizontales.


Bloques entrecomillados

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

Mosaico de texto que muestra un bloque entrecomillado

Pausa para cotizaciones

> 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.

Mosaico de texto en el que se muestra un bloque largo largo

Sintaxis de Markdown no compatible

La siguiente sintaxis de Markdown no es compatible con los mosaicos de Markdown del panel:

  • Matemática
  • Imágenes con texto alternativo
  • Vínculos con texto alternativo
  • resalte de sintaxis específica de idiomas
  • Tachado con dos tildes
  • Sublistas
  • Sangría