EDITOR HTML: Gestión de archivos en el CMS e inserción de imágenes desde el editor HTML

A continuación te vamos a explicar como subir imágenes e insertarlas en el editor HTML de tu web para que se vean correctamente en todos los dispositivos. 

1. Subir imágenes
2. Insertar imagen en el editor HTML
3. Reemplazos disponibles

Subir imágenes

1- Para poder gestionar las imágenes y archivos cargados en tu web debes de acceder al editor HTML, para ello debes de acceder mediante el enlace Editar Texto de un módulo HTMLText.

2- A continuación, debajo del editor HTML verás el gestor de archivos de la web, en el que podrás Crear nuevas carpetas, subir nuevos archivos de imágenes o documentos, o eliminar los ya existentes. 

3- Para cargar una nueva imagen, selecciona la carpeta en la que quieres cargarla. Si no existe créala. Y una vez dentro de la ruta deseada pulsa el botón subir archivo. Se te abrirá el explorador de archivos de tu equipo desde el que podrás seleccionar una o varias imágenes para cargar. Una vez tengas la selección realizada pulsa el botón Abrir para subir las imágenes.

Insertar imagen en el editor HTML

1- Una vez subida la imagen, selecciónala y pulsa sobre "Copiar URL".

2- A continuación en el editor HTML pulsa el el botón para insertar imagen: 

3- Pega la URL que habías copiado en el paso anterior , si lo deseas puedes indicar la descripción alternativa que corresponde a la etiqueta "alt" de la imagen, normalmente es útil para mejorar el SEO si se incluyen palabras clave. También de forma opcional puedes modificar el ancho y el alto de la imagen si lo deseas, por defecto te marcara el ancho y alto original de la imagen.  Por último pulsa sobre el botón "Save".

4- Para guardar los cambios solo queda pulsar el botón de guardar del editor HTML: 

NOTA: Si insertas la imagen en el editor HTML mediante cualquier otro método, por ejemplo pegando directamente en el espacio de contenido o mediante HTML, debes de tener en cuenta que no se incluirá la clase "img-responsive" a la imagen y tendrás que hacerlo manualmente si quieres que se adapte automáticamente para todos los dispositivos. Por eso, recomendamos que se use este método de inserción de imágenes y no otro si no se tiene conocimientos HTML.

Reemplazos disponibles

Existen una serie de cadenas de texto que se pueden utilizar para agregar información. Estos textos serán reemplazados por el sistema.

Reemplazos de información de usuario

Estos reemplazos solamente funcionarán cuando haya un usuario en la sesión de la web. De lo contrario, se sustituirán con un texto vacío.