Por defecto, las imágenes en el editor Markdown están alineadas a la izquierda. Markdown no tiene una forma incorporada de controlar la alineación de imágenes: la solución es envolver la etiqueta de imagen dentro de un elemento HTML <p> con un style="text-align" atributo, que el editor Markdown de Document360 renderiza correctamente.
Cuándo usar la alineación personalizada de imágenes
- Alineación del centro — coloca diagramas, capturas de pantalla o ilustraciones en el centro visual de la página para darles más protagonismo y separarlos del texto principal.
- Alineación derecha — haz flotar un logotipo, icono o imagen de apoyo hacia la derecha para que el texto principal fluya junto a él.
- Alineación explícita a la izquierda — anula el predeterminado cuando tu plantilla de artículo o CSS aplique una alineación de base diferente.
Esta técnica solo funciona en el editor Markdown. En el editor WYSIWYG, utiliza las opciones de alineación en la barra de herramientas de imágenes.
Referencia rápida
Sustituye YOUR_IMAGE_URL por la URL de tu imagen y elige el valor de alineación que necesitas.
| Alineación | Fragmento HTML |
|---|---|
| Izquierda | <p style="text-align: left"><img src="YOUR_IMAGE_URL"></p> |
| Centro | <p style="text-align: center"><img src="YOUR_IMAGE_URL"></p> |
| Derecha | <p style="text-align: right"><img src="YOUR_IMAGE_URL"></p> |
Cualquier tipo de archivo de imagen compatible con Document360 — incluidos logotipos, iconos, botones y clipart — puede alinearse usando estos fragmentos.
Cómo alinear una imagen en Markdown
- Abre el artículo deseado en el portal de la Base de Conocimiento.
- Pega el fragmento correspondiente de la tabla de arriba en el lugar donde quieres que aparezca la imagen.
- Sustituye
YOUR_IMAGE_URLpor la URL de tu imagen.
Cómo encontrar una URL de imagen desde Drive
-
Ve a Drive y navega hasta la carpeta que contiene la imagen.
-
Haz clic en la imagen deseada — alternativamente, haz clic en ••• junto al nombre de la imagen y selecciona Ver detalles.
El panel de detalles del archivo aparece a la derecha. La URL de la imagen se muestra debajo de la información de ubicación .
-
Haz clic en el icono de Copiar para copiar la URL.
Resultados
Alineación a la izquierda
Alineación central
Alineación derecha