Cómo usar Markdown en mosaicos de texto

La función de Labs de los mosaicos de texto WYSIWYG permite a los usuarios usar un nuevo tipo de mosaico de texto de Looker que no usa Markdown, sino que tiene una experiencia de edición visual.

Puedes usar mosaicos de texto en un panel para describir los otros mosaicos y ayudar a los espectadores a comprender la información que presentan. Los mosaicos de texto originales de Looker son compatibles con una versión limitada del lenguaje de marcación Markdown en mosaicos de texto, lo que te brinda opciones para dar formato a tu texto o agregar imágenes y vínculos que pueden destacar tus paneles.

Sintaxis de Markdown compatible con mosaicos de texto

En esta página, se muestra la sintaxis de Markdown compatible con los mosaicos de texto. 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 del panel pueden diferir de los estilos que se muestran aquí.

Encabezados

Los encabezados no son compatibles con los paneles heredados.

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

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 que muestra texto en negrita y 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 el siguiente Markdown:

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

Se ve de la siguiente manera:

Mosaico de texto que muestra el texto y los vínculos de un vínculo.

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 de mosaico, usa HTML para llamar a la imagen y agregar un parámetro de tamaño porcentual:

A continuación, se muestra un ejemplo en el que 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 en un 50% de ancho.

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

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 con esas dimensiones exactas; en cambio, la relación de aspecto de la imagen será "mejor" en función de esas restricciones. Por ejemplo, si las dimensiones "width=100px height=30px" se establecieron en una imagen que originalmente era de 200px x 20px, el resultado sería 100px x 10px, ya que la lógica es aproximadamente "el ancho de la imagen excede el máximo > reduce el tamaño hasta alcanzar el ancho máximo."

Destacar código

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

Mosaico de texto que muestra el 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.

Un mosaico de texto que muestra un bloque entrecomillado.

Cita de pausa

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

Un mosaico de texto que muestra un blockquote largo.

Sintaxis de Markdown no compatible

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

  • Matemáticas
  • Imágenes con texto alternativo
  • Vínculos con texto alternativo
  • Destacar la sintaxis específica del lenguaje
  • Encabezados (no compatibles con los paneles heredados)
  • Tachado con dos tildes
  • Sublistas
  • Sangría