Imagen

Sonat admite varias herramientas y opciones para trabajar con imágenes para ayudarle a enriquecer el contenido. Puede insertar o cargar imágenes, cambiar el tamaño, aplicar estilo, poner títulos y vincularlas . Todas estas características funcionan con imágenes en bloque, en línea y responsivas listas para usar. Aquí hay una lista de características que amplían la capacidad del editor.

• La barra de herramientas contextual está disponible al hacer clic con el mouse y brinda acceso a las funciones de la imagen.
• Los títulos de imágenes permiten agregar texto descriptivo debajo de la imagen.
• Los estilos de imagen ayudan a controlar la ubicación, el tamaño y otras características con estilos predefinidos.
• La etiqueta alternativa de texto ayuda a la accesibilidad y al SEO. Proporciona descripciones de imágenes adicionales y admite una mejor navegación.
• El cambio de tamaño de la imagen permite al usuario controlar las dimensiones de las imágenes en el contenido.
• Vincular imágenes permite utilizarlas como anclajes de URL.
• Una selección de métodos de carga de imágenes permite la forma más conveniente de agregar imágenes. Estos incluyen soporte para insertar una imagen a través de URL e incluso pegar una URL en el editor junto con integraciones personalizadas.

Subir imágenes

Cargar imágenes en el editor de texto enriquecido de Sonat es bastante sencillo e intuitivo. Puedes simplemente insertar una o varias imágenes en el editor de contenido a la vez. Las imágenes se entregan a través de una CDN ultrarrápida y se cargan de forma segura. El sistema proporciona reescalado, optimización y varios tamaños de imagen (imágenes responsivas). Hay varias formas de cargar imágenes.

• Pega una imagen del portapapeles.
• Arrastre un archivo desde el sistema de archivos.
• Seleccione una imagen a través de un cuadro de diálogo del sistema de archivos .
• Seleccione una imagen de una herramienta de administración de medios en su aplicación.
• Pegue una URL a una imagen en el contenido.

Puede pegar/arrastrar sus imágenes/URL de imagen directamente al contenido o usar el botón "Insertar imagen" en la barra de herramientas.

Configuración de imagen

Se puede acceder a la barra de herramientas contextual de la imagen haciendo clic en la imagen. y proporciona acceso a la configuración y funciones de la imagen.

Alternativa de texto de imagen

La alternativa de texto de imagen, también conocida como texto alternativo o atributo alt, mejora la accesibilidad del texto y el SEO . Ayuda a los usuarios con un lector de pantalla a navegar y comprender mejor el contenido y proporciona una descripción significativa para los rastreadores de los motores de búsqueda. Para agregar o editar el texto alternativo de una imagen, siga los siguientes pasos:

1. Haga clic en la imagen para que la barra de herramientas aparezca encima o debajo de la imagen.
2. Haga clic en el botón de texto alternativo en la barra de herramientas de la imagen.
3. Agregue/edite la alternativa de texto de su imagen.
4. Haga clic en la marca de verificación para guardar los cambios.

Captura de imagen

Puede agregar información descriptiva como títulos debajo de las imágenes de bloque. Para agregar/editar el título:

1. Haga clic en la imagen para que la barra de herramientas aparezca encima o debajo de la imagen.
2. Haga clic en el botón de título en la barra de herramientas de la imagen para revelar el campo de título debajo de la imagen.
3. Agregue/edite la descripción de su imagen como título.

Puede editar el título como un texto normal del contenido. Haga clic en el texto del título y comience a editarlo como desee.

Puede activar y desactivar el título haciendo clic en el botón de título en la barra de herramientas.

Cambiar el tamaño de las imágenes

Puede configurar libremente el tamaño de su imagen arrastrando o usando los botones de cambio de tamaño en la barra de herramientas de la imagen.

Usar controladores de cambio de tamaño

Se mostrarán controladores cuadrados en cada esquina de una imagen seleccionada.

Puede arrastrar libremente los controles de las esquinas para cambiar el tamaño de la imagen y ajustarla al texto que necesita.

Usando el menú desplegable de cambio de tamaño

También puede cambiar el tamaño de sus imágenes utilizando el conjunto de opciones de tamaño predefinidas.

Abra el menú desplegable de cambio de tamaño en la barra de herramientas y elija el tamaño deseado para cambiar el tamaño de su imagen en consecuencia.

Estilos de imagen

Puedes cambiar la alineación de las imágenes. (Centro, derecha, izquierda) y establezca su estilo para que esté en línea o en bloque , envuelto con texto o entre párrafos . Cuando se inserta una nueva imagen, el editor elegirá el estilo óptimo según el contexto de inserción. Sin embargo, puedes cambiar el estilo de las imágenes usando los botones de la barra de herramientas de imágenes:

Imágenes en línea - Las imágenes en línea se pueden insertar en medio de un párrafo o un enlace como un texto normal.

Imágenes colocadas entre los párrafos. - las imágenes de bloque son contenido independiente que solo se puede insertar entre otros bloques, como párrafos, tablas, medios, etc., y pueden tener títulos individuales. Las imágenes de bloque pueden tener los siguientes estilos de alineación:

• 'align-block-left' ,
• 'align-block-right' ,
• 'block' - align-center es el estilo predeterminado para imágenes en bloque.

Imágenes envueltas con texto. Las imágenes envueltas con texto pueden estar en modo en línea o en bloque y pueden contener los siguientes estilos de imagen:

• 'align-left' ,
• 'alinearse a la derecha' .