38/Editor de texto

De MoodleDocs

Moodle 3.8

note icon.png Existe documentación diferente para varias versiones de Moodle: Esta página es acerca del Editor de texto para Moodle 3.8 y más recientes. Para la documentación de otras versiones, vaya a Editor de texto.


Nota: En Moodle 2.6 y anteriores, TinyMCE era el editor de texto por defecto, pero a partir de Moodle 2.7, el editor de texto HTML por defecto es Atto, un editor JavaScript hecho específicamente para Moodle, aunque también coexisten el antiguo Editor TinyMCE y un editor de texto plano (texto simple).


Usando un editor de texto

El editor de texto ('editor HTML') tiene muchos íconos para asistir al usuario al escribir contenido. Muchos de estos íconos y funciones le deberían de ser familiares a cualquier persona que use un procesador de texto.

Nota del traductor: Sin embargo, escribir en la web para la web es diferente, y especialmente con consideraciones para diseño y Accesibilidad, el editor Atto puede que no haga lo que Usted esperaría que hiciera un editor normal, o inclusive el antiguo editor TinyMCE en versiones anteriores de Moodle. Para comentarios al respecto, por favor vea esta publicación en foro..

Algunos ejemplos de donde verá Usted el editor de texto incluyen: Editar encabezados de secciones, descripción de una actividad, al escribir la respuesta a una pregunta dentro de un examen, o al editar el contenido de muchos bloques.

En Moodle 2.7 en adelante, el editor de texto por defecto es el editor Atto, que fuera hecho específicamente para Moodle. También existe una versión del Editor TinyMCE y un editor de texto simple.

Los editores de texto pueden habilitarse, deshabilitarse o configurar uno diferente como editor por defecto desde Administración > Administración del sitio > Plugins >Editores de etxto > Gestionar editores . Aquí también puede especificarse el orden de prioridad.

Si estuviera habilitado más de un editor de texto, un usuario individal puede seleccionar su editor preferido en (Moodle 2.9 y superiores) desde su página de Preferencias en el menú del usuario (arriba a la derecha).

Editor Atto de HTML

Mostrar el código HTML

Diseño de la barra de herramientas de editor Atto

Attotopline1382.png

Atto Fila 1


1: Expander 2. Estilo 3. Negritas 4. Cursivas
5. Lista con viñetas 6. Lista numerada 7. Añadir enlace 8. Des-enlazar
9. Añadir carita sonriente (si está habilitado) 10. Añadir medio 11. Añadir medio 12. Grabar audio
13. Grabar video 14. Gestionar archivos incrustados 15. H5P ¡Nueva característica
en Moodle 3.8!


Attobottomline.png

Atto Fila2

1: Subrayar 2. Tachar 3. Subíndice 4. Superíndice
5. Alinear a la izquierda/derecha/centro 6. Disminuir/aumentar indentación 7. Editor de ecuación 8. Caracter especial
9. Tabla 10. Limpiar formato 11. Deshacer/rehacer 12. Revisor de accesibilidad
13. Ayuda para lector de pantalla 14. Vista de código/HTML

Gestionar imágenes incrustadas

Esto le permite a los usuarios el añadir, eliminar o anular archivos incrustados en el área actual de texto; por ejemplo, en una etiqueta o resumen de un tópico. (Complementa el Repositorio archivos incrustados)

26embeddefiles2.png

Arrastrar y soltar imagen

Si su navegador de Internet lo permite (y si así fuera, Usted verá un mensaje en la parte superior de su pantalla cuando esté activada la edicion) Usted puede añadir imágenes dentro del editor Atto simplemente al arrastrarlas desxde su computadora:

Arrastrar una imagen directamente hacia adentro del editor

Autoguardar

El texto tecleado dentro del editor Atto es automáticamente guardado si Usted abandona la página. El lapso por defecto es de 60 segundos y puede cambiarse por el administración en Administración del sitio > Plugins > Editores de texto > Editor Atto HTML > Configuraciones de barra de herramientas de Atto . Si el usuario cerrara accidentalmente la pestaña, o de alguna otra forma abandonara el formato (formulario) sin enviarlo, el texto en el editor será restaurado la siguiente ocasión en que abra la página. Para descartar un borrador restaurado, el usuario necesita cancelar el formato (formulario) o presionar el botón para "Deshacer" en el editor.

AtttoAutosave.png

Revisor de accesibilidad

Una de las herramientas disponibles en el editor de texto es un revisor de accesibilidad automatizado que revisa algunos errores comunes en el texto. Estos errores son generalmente cosas que estorban la forma en la cual está construido el texto y que pueden evitar que todos los usuarios tengan el mismo acceso a la información y funcionalidad. La lista de problemas que el revisor de accesibilidad revisa son:

  • Imágenes a las que les falta o tienen vacío el texto alterno (a menos que tengan el rol de presentación)
  • Contraste de los colores del font y del fondo que cumpla con la normatividad WCAG AA
  • Largos bloques de texto deben estar suficientemente subdivididos por encabezados
  • Todas las tablas que necesiten letreritos deben tenerlos
  • Las tablas no deberían de contener celdas unidas, ya que son difíciles de navegar con lectores de pantalla
  • Todas las tablas deberían tener encabezados de fila o columna

Ayudante para lector-de-pantalla

Los lectores de pantalla básicamente tratan a una región de contenido editable como si fuera una caja de texto - lo cual está mal, porque podría contener imágenes, enlaces y más.

El ayudante del lector de pantalla proporciona información adicional acerca del texto actualmente seleccionado (por ejemplo, si estuviera en negritas), además de enlistar cualquier imagen o enlace en el texto.

Editor de ecuaciones

Si estuviera habilitado algún filtro , ya sea MathJax o la Notación TeX (en Administración > Administración del sitio > Plugins > Filtros > Gestionar filtros), entonces se proporciona un botón para edición de ecuaciones en la barra de herramientas, el cual invoca al editor de ecuaciones.

Editor de ecuaciones


A partir de Moodle 3.0 en adelante, se proporcionan botones adicionales para raices cuadradas, fracciones y vectores.

Editor de tabla

Si el administrador ha habilitado las configuraciones extra para el editor de tabla de Atto (vea debajo), entonces estarán disponibles estilo del borde, tamaño y color, al crear una tabla:

AttoTableRevised.png


Atajos del teclado

Los siguientes atajos del teclado funcionarán en el editor de texto Atto en la mayoría de los navegadores. Tenga en cuenta que para que funcionen muchos de estos comandos, Usted necesita, o hacer cilc dentro del editor de texto, o seleccionar contenido dentro del editor de texto.

Comando en Windows Comando en Mac Función
Ctrl + c ⌘ + c Copiar
Ctrl + v ⌘ + v Pegar
Ctrl + Shift + v ⌘ + Shift + v Pegar sin formato (muy útil)
Ctrl + x ⌘ + x Cortar
Ctrl + z ⌘ + z Deshacer (cuidado - puede deshacer muchísimo texto y no siempre funciona)
Ctrl + y ⌘ + y Rehacer
Ctrl + a ⌘ + a Seleccionar todo
Doble-clic Doble-clic Seleccionar palabra
Triple-clic Triple-clic Seleccionar líinea
Ctrl + f ⌘ + f Encontrar en página
F3 F3 Encontrar siguiente
Shift + F3 Shift + F3 Encontrar anterior
Ctrl + b ⌘ + b Negritas
Ctrl + i ⌘ + i Cursivas
Ctrl + u ⌘ + u Subrayado
Ctrl + k ⌘ + k Insertar/editar enlace
Ctrl + Flecha derecha ⌘ + Flecha derecha Mover al final de la siguiente palabra
Ctrl + Flecha izquierda ⌘ + Flecha izquierda Mover al final de la palabra anterior
Ctrl + Shift + Flecha derecha ⌘ + Shift + Flecha derecha Seleccionar la siguiente palabra o letra
Ctrl + Shift + Flecha izquierda ⌘ + Shift + Flecha izquierda Seleccionar la palabra o letra anterior
Ctrl + Shift + Inicio ⌘ + Shift + Inicio Seleccionar desde el curso hasta el principio de la página
Ctrl + Shift + Fin ⌘ + Shift + Fin Seleccionar desde el curso hasta el final de la página
Ctrl + Inicio ⌘ + Inicio Mover al principio de la página
Ctrl + Fin ⌘ + Fin Mover al final de la página
Ctrl + Retroceder ⌘ + Retroceder Eliminar palabra o letra a la izquierda
Ctrl + Supr ⌘ + Supr Eliminar palabra o letra a la derecha
Ctrl y_además + ⌘ y_además + Aumentar Zoom (no específico al editor, pero muy útil)
Ctrl y_además - ⌘ y_además - Disminuir Zoom out (no específico al editor, pero muy útil)
Ctrl y_además 0 ⌘ y_además 0 Reiniciar zoom (no específico al editor, pero muy útil)

Source: Jason 1keddie, Royal Roads University (Creative Commons Attribution-ShareAlike)


Configuraciones de administración del sitio

Configuraciones de Barra de Herramientas

El administrador puede especificar cuales plugins mostrar y en qué orden desde Administración > Administración del sitio > Plugins > Editores de texto >Editor HTML Atto > Configuraciones de barra de herramientas de Atto

Plugins para Atto

Tabla de configuración de la Barra de Herramientas

La Barra de Herramientas está dividida en grupos de botones relacionados. El formato para el ajuste de la configuración es:

groupname1 = button1, button2, button3 groupname2 = button1, button2, button3

Los nombres de los grupos en la izquierda no tienen efecto sobre de cómo funciona la Barra de Herramientas; solamente necesitan ser diferentes para cada botón (y sin espacios, por favor). La lista de botones dice cual botón va en cual grupo y en cual orden. La palabra exacta a insertar aquí para cada botón está enlistada en la columna superior de "Toolbar config" (Configuración de la Barra de Herramientas).

La razón por la que existen nombres para los grupos es que esto ayuda a hacerlo a Usted pensar acerca del cómo agrupar los botones de manera sensata y no simplemente poner botones nuevos en lugares aleatorios (por ejemplo, todos los botones dentro del grupo de "files" (archivos) interactuan de alguna manera con el Selector de archivos.


Añadir botones extra

Pueden añadirse plugins adicionales a esta lista (por ejemplo, 'Color de letra' al escribir el término toolbarconfig dentro de la tabla de configuración de la barra de herramientas.

toolbarconfig.png

Aquí, por ejemplo, están los colores disponibles cuando se añade 'fontcolor':

fontcolor.png

Los íconos son mostrados en grupos relacionados y desde Administración > Administración del sitio > Plugins > Editores de texto > Editor HTML Atto > Configuraciones de barra de herramientas Atto , el administrador puede decidir cuantos grupos mostrar en el estado colapsado por defecto de la barra de herramientas (esto es, cuantos grupos mostrar en la Fila 1.)

Frecuencia de autoguardado

El texto es guardado automáticamente a intervalos regulares, para que pueda restaurarse cuando el usuario regresa a un formato que había dejado anteriormente. Esta configuración le permite al administrador especificar el tiempo entre autoguardados. El valor por defecto es de un minuto.

Plugins opcionales para Atto

No todos los plugins están habilitados por defecto; y el administrador de cada sitio debe de considerar cuidadosamente cuales eligirá habilitar para sus usuarios. Aquí hay algunos asuntos a considerar antes de habilitar plugins que no son estándar:

Color del fondo / Color del tipo de letra (font)

Aunque estos plugins son muy populares, hay desventajas de habilitar su uso en un sitio. Primeramente, - los colores especificados por el usuario pueden conflictuar visualmente con los colores del sitio elegidos por el diseñador del tema gráfico. Aun y cuando los colores del contenido no conflictuaran con los colores del tema actual, si el tema se cambiara en el futuro, o si el contenido se re-usara en un sitio diferente, se pueden introducir conflictos. Hay dos tipos de conflicto posibles; el primero es solamente una combinación visualmente desagradable de colores, el segundo es una combinación de colores que puede producir texto que es dificil para leer para algunas personas. Es preferible que el diseñador del tema use algunos colores interesantes que cumplan con los estándares de Accesibilidad requeridos para el sitio en el tema para el sitio, y que la persona que cree los contenidos simplemente use los niveles de encabezados apropiados (por ejemplo) para aprovechar estos estilos.

Selector de emoji

¡Nueva característica
en Moodle 3.8!
Un botón del selector de emoji puede ser añadido al escribir 'emojipicker' dentro de la tabla de configuración de la barra de heramientas.

Barra de herramientas con botón selector de emoji

Para añadir el botón del selector de emoji a la fila superior:

  1. Escriba la línea emoji = emojipicker debajo de la línea files = image, emoticon, media, managefiles, recordrtc, h5p
  2. Vaya a 'Colapsar configuraciones de barra de herramientas' y cambie 'Mostrar los primeros (n) grupos cuando esté colapsada' a 6 y guarde los cambios.
Emoticones

El plugin para emoticones inserta representaciones en texto de los emoticones en el contenido. El Filtro para mostrar emoticones como imágenes es el responsable de convertir estas secuencias de texto a imágenes apropiadas de caritas sonrientes. El Filtro para mostrar emoticones como imágenes no está habilitado por defecto, razón por la que el plugin para emoticones de Atto tampoco está habilitado por defecto.

No-auto enlace

En general, cuantos más plugins le añada Usted a la barra de herramientas de Atto, tanto más dificil se volverá el poder encontrar plugins específicos. Debido a que se considera que el filtro de no-auto-enlace no tiene un uso amplio, no está habilitado por defecto.

De derecha a izquierda

Debido a que este filtro solamente es utilizado para cursos en donde necesita escribirse texto en una mezcla de idiomas que escriben "de izquierda a derecha" (español, inglés...) y "de derecha a izquierda" (hebreo, sirio y algunos tipos de árabe... ), no está habilitado por defecto.

Directorio de plugins de Moodle

Existen más plugins disponibles para Atto de los que vienen incluidos en una instalación estándar.

Vea el Moodle plugins directory para plugins adicionales. Algunos plugins, por ejemplo, incluyen:

Editor Cloze para Atto

Este plugin le permite a Usted hacer preguntas con respuestas incrustadas (Cloze) con facilidad en el editor de texto Atto estándar de Moodle.

Alternar vista previa

Este plugin le permite a Usted ver el contenido tal como sería visto por un lector

Plugins para Química

Hay varios plugins para química que soportan estructuras y ecuaciones químicas

Plugins para importar texto

Hay varios plugins que soportan la importación de texto de otras fuentes.

El plugin Paste special (pegado especial) minimiza la cantidad de código HTML markup superfluo incluido al pegar contenido proveniente de un editor externo como Microsoft Word.

El plugin Word Import (importar desde Word) (beta) soporta la importación de un documento de MS Word completo, incluyendo imágenes incrustadas.

Configuraciones del Editor de Ecuaciones

El ícono del editor de ecuaciones aparecerá si se habilitan, ya sea el Filtro de notación TeX o el Filtro MathJax en Administración > Administración del sitio > Plugins > Filtros > Gestionar filtros .

Se pueden añadir, quitar o reordenar comandos (órdenes) desde Administración > Administración del sitio > Plugins > Editores de texto > Editor HTML Atto > Configuraciones del editor de ecuaciones

equationeditor.png

Configuraciones del editor de tabla

Estilos, colores y tamaños para tablas y sus bordes pueden ser habilitados desde Administración del sitio > Plugins > Editores de texto > Editor Atto HTML > Configuraciones de tabla.


Documentación adicional, no incluida en la página original en idioma inglés

Arrastrar y soltar imágenes dentro del editor de texto

Insertar tabla

Para agregar bordes a una tabla

Los bordes en celdas son cruciales para ayudar a los lectores a seguir las filas a través de la pantalla. Si estos no se están mostrando, puedes agregarlos de este modo:

  1. En la página Wiki que contiene su tabla, hacer click en la pestaña Editar
  2. Cuidadosamente seleccione todas las celdas de la tabla
  3. Luego haga click del botón derecho (Macs: Command+click o Ctrl+Click) sobre cualquier parte de la selección para obtener el menú contextual, de éste seleccione Celda > Propiedades de la celda. Se cargará entonces el cuadro de dialogo de propiedades de la celda.
  4. Haga click en la pestaña Avanzado, seleccione el Color de borde negro (por ejemplo), luego presione Aplicar, y luego haga click en Actualizar.
  5. Haga click en Guardar, la página Wiki conteniendo su tabla se mostrará con sus bordes.

Vea también