Editores de texto

El editor de texto en Totara es una característica importante y aparece con frecuencia en diferentes partes del sitio. Es la herramienta principal para introducir y formatear texto. Lo verás cuando ingreses descripciones, añadas una etiqueta en la página de un curso en Totara Learn o crees un recurso en Totara Engage (así como una gran cantidad de otros lugares).

El editor de texto por defecto es el editor Atto HTML, aunque el administrador del sitio puede cambiarlo a nivel del sistema o por una persona en sus preferencias de usuario. Por defecto, hay tres editores diferentes para elegir:

• Editor HTML Atto: Este es el editor de texto por defecto. Tiene la mayoría de los controles de formato básicos que encontrarías en un procesador de textos. Admite arrastrar y soltar imágenes y guarda automáticamente los cambios. 
• Editor de Weka: Este editor de texto se creó teniendo en cuenta el soporte móvil nativo. Esto proporciona una mejor experiencia en dispositivos móviles, incluso en la aplicación Totara Mobile.
• Texto sin formato: No hay barra de herramientas para dar formato, ya que hay otras opciones. En su lugar, hay un menú desplegable debajo del cuadro de texto donde puedes elegir el formato que deseas, lo que significa que puedes incluir tus propias etiquetas de formato sin que Totara las cambie. 

Gestionar editores

Como administrador del sitio, puedes decidir qué editores de texto estarán disponibles para otros usuarios y configurar las opciones para diferentes editores. Ir al menú de acceso rápido > Plugins Editores de > texto > Administrar editores. 

Editor Weka

El editor de texto Weka es un editor JSON diseñado para ser compatible con dispositivos móviles y se puede utilizar para optimizar el contenido de la aplicación Totara Mobile. Si bien en versiones anteriores de Totara, el editor Weka era una alternativa mucho más simple que el editor Atto, Totara 17 introdujo una serie de mejoras, sobre las que puedes leer más en las secciones a continuación. Una adición útil es la barra de herramientas adhesiva, lo que significa que la barra de herramientas siempre estará visible a medida que se desplaza hacia abajo en áreas de contenido más largas.

Bloques de diseño

Puedes añadir bloques de diseño en el editor Weka haciendo clic en el ícono de diseño (). Los bloques de diseño brindan a los creadores de contenido la capacidad de crear contenido más atractivo y atractivo visualmente de manera que sea accesible para los lectores de pantalla y las tecnologías de asistencia, a diferencia de las tablas HTML. Por ejemplo, puedes usar bloques de diseño para alinear imágenes con texto o dividir la página en secciones para estructurar mejor el contenido.

Puedes añadir uno de los siguientes bloques de diseño al contenido:

• Una columna
• Dos columnas
• Limitar la columna izquierda
• Columna derecha estrecha
• Tres columnas

Una vez que hayas agregado un bloque, puedes agregar contenido en cada una de las columnas. Para cambiar el número de columnas en un bloque, haz clic dentro de una de las áreas de contenido del diseño y luego usa el menú desplegable para seleccionar una opción de diseño para ese bloque. Para eliminar un bloque, haz clic dentro de él, haz clic en el ícono de tres puntos () y luego haz clic en Eliminar.

Puedes agregar varios bloques de diseño a un solo área de contenido, pero los bloques de diseño no pueden anidarse. Si intentas añadir otro bloque de diseño mientras estás editando dentro de un bloque de diseño, el nuevo bloque se añadirá después del bloque existente.

Añadir enlaces

Puedes añadir enlaces al editor Weka haciendo clic en el ícono Insertar enlace (). Para enlaces a otras páginas web, simplemente ingresa la URL y el texto de visualización (el texto en el que se puede hacer clic que será visible para el usuario), luego haz clic en Listo.

Además, puedes elegir mostrar el enlace como una tarjeta, lo que significa que el enlace se mostrará con un título, un ícono y una breve descripción tomados de la página web vinculada. Haz clic en el enlace en el editor de texto, luego selecciona Mostrar como tarjeta en el menú desplegable. En la imagen a continuación, puedes ver el mismo enlace que se muestra como texto y como tarjeta.

Por razones de seguridad, la tarjeta solo podrá extraer esta información de una URL que comience con https:// y sitios que no formen parte de una red privada. Por defecto, los hosts con direcciones IP internas están bloqueados. Si deseas permitir explícitamente que se analicen los enlaces internos para añadir información adicional a las tarjetas, puedes añadirlos al ajuste de configuración $CFG-> link_parser_allowed_hosts como una lista de hosts separados por comas, es decir, 'myinternalwebsite.intranet.example.com, anotherexample.wiki.example.com'. Ten en cuenta que esto no rechaza automáticamente a otros hosts, solo permitirá hosts bloqueados previamente. Si desea bloquear explícitamente el análisis de los hosts, puede agregarlos al ajuste de configuración $CFG-> link_parser_blocked_hosts de la misma manera. Esto hará que los enlaces a esos hosts no sean analizados. La restricción a los enlaces https-only aún se aplica.

Incorporación de medios

Puedes añadir medios en el editor Weka usando la barra de herramientas, o usando un enlace. Después de añadir una imagen a tu contenido, puedes cambiar el tamaño de la imagen de forma proporcional haciendo clic en la imagen y usando el menú desplegable de tamaño. Puede seleccionar entre las siguientes opciones:

• Original: Mostrar la imagen en su tamaño original, limitado al 100% del ancho del área
• Grande: Mostrar la imagen al 100% del ancho del área
• Medio: Mostrar la imagen al 66% del ancho del área
• Pequeño: Mostrar la imagen al 33 % del ancho del área

También puedes añadir leyendas a las imágenes haciendo clic en la imagen y seleccionando Caption en la barra de herramientas flotante. Luego puedes introducir el título en el espacio debajo de la imagen. Es posible que desees usar leyendas para incluir fuentes o información de derechos de autor para las imágenes. También puedes agregar texto alternativo para que el contenido sea más accesible.

Formato del contenido del texto

Puedes aplicarformato de negrita , cursiva o subrayado a cualquier texto. También puedes determinar cómo se alinean los encabezados, el texto de los párrafos y las listas utilizando el menú desplegable Alineación. Puedes elegir entre alineación a la izquierda, a la derecha o al centro.

Al formatear encabezados y contenido, debes usar las herramientas de formato para Encabezado, Subencabezado y Párrafo para crear contenido jerárquico, en lugar de usar elformato en negrita, curs iva o subrayado . El formato del encabezado crea contenido jerárquico para respaldar la experiencia del usuario para los usuarios con tecnología de asistencia, como lectores de pantalla. Se recomienda que el uso de negrita, cursiva y subrayado se limite a añadir énfasis a palabras o frases específicas dentro del texto del párrafo. Para aplicar formato al contenido del texto, seleccione el icono correspondiente antes de escribir o resalte el contenido del texto antes de seleccionar la herramienta de formato. 

Listas

Si necesitas incluir listas en tu contenido, se recomienda que uses la lista de viñetas o la lista numerada dentro del editor. Cuando ingresas contenido dentro del editor utilizando alternativas de teclado (como '- [espacio]', '* [espacio]' o '1.'), la lista numerada o con viñetas se seleccionará automáticamente.

Accesibilidad

El editor Weka incluye herramientas que permiten a los usuarios crear contenido accesible. Esta sección proporciona información sobre las herramientas de accesibilidad que se incluyen en el editor Weka, así como las mejores prácticas para crear contenido accesible con el editor Weka. Para obtener más información sobre nuestra evaluación WCAG/ATAG 2.1 para el editor Weka, consulta el informe de cumplimiento de accesibilidad.

Contenido sin texto: Imágenes

Puedes añadir texto alternativo a las imágenes para permitir que los lectores de pantalla identifiquen el contenido de la imagen. 

El texto alternativo debe ser una descripción breve y específica de lo que se muestra en la imagen. No es necesario prefacilar la descripción con “imagen de” o “imagen de”. Las imágenes de texto deben mantenerse al mínimo; sin embargo, si las imágenes se utilizan como funcionalidad de botón, el atributo de texto alternativo debe describir la función de la imagen, por ejemplo, “Inscribirse” o “Enviar”.

Contenido sin texto: Audio y video

Para contenido que no sea de texto, como clips de audio o videos, se recomienda que los medios incluyan leyendas dentro del video o que se cargue una transcripción junto con el audio o el video.

Editor HTML Atto

El editor Atto HTML es fácil de usar y parecerá familiar para aquellos que han usado previamente el editor TinyMCE o cualquier procesador de texto estándar. Es importante tener en cuenta que, aunque inicialmente se muestra un rango limitado de herramientas, al hacer clic en el primer ícono se expandirá otra fila de herramientas de edición. El espacio de edición se puede expandir haciendo clic y arrastrando la esquina inferior derecha. 

Si deseas saber qué hace cualquiera de los íconos, al pasar el cursor sobre ellos aparecerá el nombre del botón, que normalmente también explica lo que hace el botón (p. ej., está en negrita, lo que hará que el texto parezca embolizado). 

Guardar automáticamente en Atto 

A medida que escribes en el editor de texto Atto, habrá un mensaje en la parte inferior izquierda que te permite saber que tu texto se ha guardado automáticamente como borrador. Esto es muy útil para evitar la pérdida de datos, lo que podría ocurrir si, por ejemplo, tu conexión se pierde o te mueves accidentalmente a otra página.

El período de guardado automático es establecido por el administrador del sitio a través del menú de acceso rápido > Plugins Editores de > texto > Editores Atto HTML Configuración de la barra de herramientas > Atto. 

Arrastrar y soltar imagen

Si tu navegador permite arrastrar y soltar, puedes añadir imágenes al editor Atto simplemente arrastrándolas desde una carpeta y soltándolas en el área del editor de texto Atto.