Formato de imagen en el editor WYSIWYG avanzado

Planes que admiten el formato de imágenes en el editor WYSIWYG avanzado

A diferencia del editor Markdown, el editor WYSIWYG avanzado ofrece diferentes opciones de formato de imagen. Puede acceder a las opciones de formato de imagen cuando hace clic en una imagen que desea editar.

Haz clic en la imagen y tendrás un menú flotante con las siguientes características para editar la imagen seleccionada:

1. Alinear

   Hay tres opciones de alineación comunes disponibles para las imágenes:

   • Alinear a la izquierda (): Alinea la imagen con el lado izquierdo del contenido.

   • Centro(): Centra la imagen dentro del contenido.

   • Alinear a la derecha (): Alinea la imagen con el lado derecho del contenido.

2. En línea izquierda (), Bloque en línea () y En línea derecha ():

   Al seleccionar una opción de visualización en línea, la imagen se alinea lado con el texto. La alineación (izquierda o derecha) coloca la imagen en el lado correspondiente del texto, mientras que la opción de bloque en línea mantiene la imagen dentro del flujo de texto sin interrumpir el diseño.

3. Pie de foto ():

   Puedes añadir un pie de foto a tu imagen, que aparecerá en la parte inferior de la imagen. Esto es útil para proporcionar contexto o descripciones adicionales.

4. Texto alternativo ():

   También conocido como etiquetas alt o descripciones alt, el texto alternativo es la copia escrita que aparece en lugar de una imagen si no se carga en la pantalla de un usuario.

   Introduzca el texto alternativo de la imagen y haga clic en el icono () para guardarla.

5. Imágenes con hipervínculos ():

   Haga clic en el icono de enlace para agregar hipervínculos a sus imágenes. Pegue la URL y seleccione el cuadro Abrir en una nueva pestaña a continuación si desea que el enlace se abra en una nueva pestaña y haga clic en Insertar. Después de vincular su imagen, aparecerán tres nuevas opciones en la bandeja de formato:

   • Enlace abierto: Abre el enlace en una nueva pestaña.

   • Editar enlace: Edita el enlace adjunto.

   • Desvincular: Elimina el enlace de la imagen.

6. Haga clic en el icono Advanced edit () para editar su imagen, como cambiar el tamaño, recortar, etc.,

7. Estilo ():

   Hay tres opciones de estilo disponibles para las imágenes:

   • Redondeado: La imagen aparece como un rectángulo redondeado con esquinas romas.

   • Confinado: Se añade un borde gris claro a la imagen.

   • Sombra: La imagen proyecta un efecto de sombra paralela visible.

8. Redimensionar (): Puede personalizar la anchura y la altura de la imagen.

9. Reemplazar (): Haga clic en el icono Reemplazar para cambiar la imagen actual por otra utilizando cualquiera de los tres métodos de inserción de imagen.

10. Copiar (): Haga clic en el icono Copiar para copiar la imagen seleccionada y utilizarla en otra parte del artículo.

11. Eliminar (): Haga clic en el icono Eliminar para eliminar la imagen seleccionada del artículo.

Opciones avanzadas de edición de imágenes

1. Opciones de menú superior

1. Acercar/Alejar: Haga clic en Acercar o Alejar para ajustar el tamaño de la imagen.

2. Mano: Haga clic en el icono de la mano para mover la imagen mientras la edita.

3. Historia: Haga clic en Historial para ver el historial de edición de la imagen.

4. Deshacer: Haga clic en Deshacer para revertir la acción más reciente.

5. Rehacer: Haga clic en Rehacer para volver a aplicar la acción deshecha anteriormente.

6. Restablecimiento: Haga clic en Restablecer para devolver la imagen a su estado original, eliminando todas las ediciones.

7. Borrar: Seleccione cualquier elemento editado (por ejemplo, círculo, forma) y haga clic en Eliminar para eliminar ese elemento en particular.

8. Eliminar todo: Haga clic en Eliminar todo para eliminar todos los elementos editados de la imagen.

2. Opciones del menú inferior

1. Redimensionar: Haga clic en Cambiar tamaño para ajustar la anchura y la altura de la imagen, y bloquear la relación de aspecto. Una vez hecho esto, haga clic en Aplicar.

2. Cosecha: Haga clic en Recortar para elegir una opción de recorte como Personalizado, Cuadrado, etc. Una vez hecho esto, haga clic en Aplicar.

3. Dar la vuelta: Haga clic en Voltear para seleccionar volteo horizontal o vertical. Utilice Restablecer para volver a la imagen original.

4. Rotar: Haga clic en Rotar para rotar la imagen entre 0° y 360° (rango personalizado disponible).

5. Dibujar: Haga clic en Dibujar para agregar líneas o formas. Las opciones incluyen:

   • Sorteo Libre: Permite el dibujo personalizado.

   • Recto: Dibuja líneas rectas.

   • Color: Seleccione el color deseado para el dibujo.

   • Control deslizante de rango: Ajusta el grosor de la línea de dibujo.

6. Forma: Haga clic en Formas para insertar formas como rectángulos, círculos o triángulos. Las opciones incluyen:

   • Color de relleno: Elige un color para rellenar la forma.

   • Golpe: Seleccione el color del contorno de la forma. También puede ajustar el grosor mediante el control deslizante personalizado Rango de trazo .

7. Icono: Haga clic en Iconos para agregar iconos como flechas, marcadores de ubicación, polígonos, etc. También puede cargar un icono personalizado desde el almacenamiento local. Ajuste el color del icono según sea necesario.

8. Mensaje de texto: Haga clic en Agregar texto a la imagen con opciones de formato (negrita, cursiva, subrayado, alineación, color, tamaño del texto).

9. Filtro: Haga clic en Filtro para ajustar los parámetros de la imagen, como escala de grises, desenfoque, brillo, sepia, contraste, etc., Una vez hecho esto, haga clic en Guardar.