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 |
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
Los vínculos se pueden agregar de varias maneras, como se muestra en el siguiente Markdown:
Se ve de la siguiente manera:
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]
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%">
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 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>.`
Regla horizontal
Three or more hyphens
---
Asterisks
***
Underscores
___
Bloques entrecomillados
> Blockquotes are very handy.
> This line is part of the same quote.
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.
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