Herramientas de Imagen
Moraya v0.2.0 introduce un sistema completo de herramientas de imagen. Despues de insertar una imagen, puedes hacer clic para acceder a una barra de herramientas flotante de redimension, o clic derecho para un menu contextual completo.
Barra de Herramientas Flotante de Redimension
Haz clic en cualquier imagen en el editor para mostrar una barra de herramientas horizontal encima con opciones de tamano predefinidas:
| Boton | Efecto |
|---|---|
| 25% | Un cuarto del tamano |
| 50% | Mitad del tamano |
| 75% | Tres cuartos del tamano |
| 100% | Ancho completo |
| Original | Dimensiones originales de la imagen |
El tamano activo actualmente se resalta con el color de acento. Haz clic en cualquier otro lugar para cerrar la barra de herramientas.
Menu Contextual con Clic Derecho
Haz clic derecho en una imagen para acceder al menu contextual completo:
- Redimensionar — Submenu con las mismas opciones de 25% / 50% / 75% / 100% / Original
- Subir al Servicio de Imagenes — Sube imagenes locales o blob a tu servicio de alojamiento de imagenes configurado (solo se muestra para imagenes que no son URL)
- Editar Descripcion — Modifica el texto alternativo de la imagen
- Copiar URL de Imagen — Copia la fuente de la imagen al portapapeles
- Eliminar Imagen — Elimina la imagen del documento (se muestra en rojo como accion destructiva)
Como Funciona el Redimensionamiento
Cuando redimensionas una imagen, Moraya genera el ancho como un atributo HTML en el Markdown:
<img src="photo.jpg" width="75%">Esto asegura que el tamano se preserve al exportar o publicar tu documento.
Consejos
- Usa 50% o 75% para imagenes en linea que no deben dominar la pagina
- Usa 100% para imagenes de ancho completo tipo hero
- La barra de herramientas de redimension y el menu contextual funcionan tanto en el modo de edicion Visual como en el modo Dividido