Diferencia entre revisiones de «Editor Atto»

De MoodleDocs
(tidy up)
(update as English Docs)
 
(No se muestran 11 ediciones intermedias de 2 usuarios)
Línea 1: Línea 1:
{{EnTraduccion}}
{{Editando texto}}
==El editor de texto Atto==


{{Editando texto}}
El editor de texto Atto (al cual a veces se le llama 'editor HTML') tiene muchos íconos que le ayudan al usuario para ingresar contenido. Muchos de estos íconos y funciones deberían de ser ya familiares para cualquier persona que use un procesador de texto.
==The Atto text editor==
 
Algunos ejemplos de donde verá Usted el editor de texto incluyen: Editar encabezados de secciones, descripción de una [[Actividad|actividad]], al escribir la respuesta a una [[Pregunta|pregunta]] dentro de un [[Examen|examen]], o al editar el contenido de muchos [[Bloques|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.


The Atto text editor (sometimes referred to as the 'HTML editor') has many icons to assist the user in entering content. Many of these icons and functions should be familiar to anyone who uses a word processor.
Los editores de texto se pueden habilitar, deshabilitar o elegir uno para ser el predeterminado desde ''Administraciónm > Administración del sitio > Plugins > Editores de texto > Gestionar editores''. El orden de prioridad también puede ser especificado aquí.


Some examples of where you will see the text editor include: Editing Section headings, description of an activity, writing an answer to a quiz question or editing the content of many blocks.
Si estuviera habilitado más de un editor de texto, un usuario individual 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).


The default text editor in Moodle is the Atto editor, built specifically for Moodle. There is also a [[TinyMCE editor]] and a plain text editor.
{{MediaPlayer | url = https://youtu.be/4hRCXGmiKBo | desc = }}


Text editors can be enabled, disabled or a different one set to default from ''Administration > Site administration > Plugins > Text editors > Manage editors''. The order of priority may also be specified here.
==Accesibilidad de Atto==
{{Nuevas características de Moodle 4.0}}
Un proyecto financiado por la Moodle Users Association ha traído una accesibilidad mejorada al editor Atto.
#Los lectores de texto en voz alta anuncian cuando el editor Atto es encontrado y si es que un botón está aplicando o quitando un estilo.
#Los botones del ‘Comprobador de accesibilidad' y del 'Ayudante del lector de pantalla' ahora están en l aprimera fila de la barra de herramientas, por lo que no es necesario expandir la barra d eherramientas.


If more than one text editor is enabled, users can select their preferred editor via their preferences page in the user menu (top right).
==Características de Atto==
{{MediaPlayer | url = https://youtu.be/fEtGcVz0pzE | desc = }}


==Atto features==
===Copiar y pegar imágenes===


===Image copy and paste===
A partir de Moodle 3.9 en adelante, las imágenes pueden ser copiadas desde cualquier lado y pegadas dentro del editor Atto. Por ejemplo, Usted puede tomar una imagen de su pantalla, copiarla al pisapapeles y después pegarla dentro del editor Atto.


In Moodle 3.9 onwards, images can be copied from anywhere and pasted into the Atto editor. For example, you can take a screenshot, copy it to your clipboard and then paste it into the Atto editor.
===Arrastrar y soltar imagen===


===Image drag and drop===
Si su navegador de Internet lo permite (y si así fuera, Usted verá un mensaje en la parte superior de su pantalla cuando esté [[Activar la edición|activada la edicion]]) Usted puede añadir imágenes dentro del editor Atto simplemente al arrastrarlas desde su computadora:


If your browser allows it (and if it does, you will see a message at the top of your screen when the editing is on) you can add images into the Atto editor simply by dragging them from your computer:


[[File:Attodragdrop29.png|thumb|600px|center|Drag an image directly into the editor]]
[[File:Attodragdrop29.png|thumb|600px|center|Arrastrar una imagen directamente dentro del editor]]


===Autosave===
===Auto-guardar===


Text typed into the Atto editor is automatically saved if you leave the page. The default of 60 seconds may be changed by the administrator in ''Site administration>Plugins>Text editors>Atto HTML editor>Atto toolbar settings.'' If the user accidentally closes the tab or otherwise leaves the form without submitting, the text in the editor will be restored next time he opens the page. To discard  a restored draft, the user needs to cancel the form or press the "Undo" button in the editor.
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.
[[File:AtttoAutosave.png|thumb|600px|center]]
[[File:AtttoAutosave.png|thumb|600px|center]]


==Atto editor toolbar==
==Barra de herramientas del editor Atto==


[[File:Attotopline1382.png]]
[[File:Attotopline1382.png]]


Atto Row 1 default buttons
Botones predeterminados de Fila 1 de Atto


{| class="nicetable"
{| class="wikitable"
|-
|-
|-
|-
| 1. Expand
| 1. Expandir
| 2. Style
| 2. Estilo
| 3. Bold
| 3. Negritas
| 4. Italic
| 4. Cursivas
|-
|-
| 5. Bulleted list
| 5. Lista con viñetas
| 6. Numbered list
| 6. Lista numerada
| 7. Add link
| 7. Añadir enlace
| 8. Unlink
| 8. Eliminar enlace
|-
|-
| 9. Add image
| 9. Añadir imagen
| 10. Add smiley (if enabled)
| 10. Añadir carita sonriente (si está permitido)
| 11. Add media
| 11. Añadir medio
| 12. Record audio
| 12. Grabar audio
|-
|-
| 13. Record video
| 13. Grabar video
| 14. Manage embedded files
| 14. Gestionar archivos incrustados
| 15. H5P
| 15. H5P
   
   
Línea 65: Línea 70:
[[File:Attobottomline.png]]
[[File:Attobottomline.png]]


Atto Row 2 default buttons
Botones predeterminados de Fila 2 de Atto


{| class="nicetable"
{| class="wikitable"
|-
|-
|-
|-
| 1. Underline
| 1. Subrayar
| 2. Strikethrough
| 2. Tachar
| 3. Subscript
| 3. Subíndice
| 4. Superscript
| 4. Superíndice
|-
|-
| 5. Align left/centre/right
| 5. Alinear a la izquierda/centro/derecha
| 6. Decrease/increase indent
| 6. Disminuir/aumentar indentación
| 7. Equation editor
| 7. Editor de ecuaciones
| 8. Special character
| 8. Caracter especial
|-
|-
| 9. Table
| 9. Tabla
| 10. Clear formatting
| 10. Limpiar formato
| 11. Undo/redo
| 11. deshacer/rehacer
| 12. Accessibility checker
| 12. Revisor de accessibilidad
|-
|-
| 13. Screenreader helper
| 13. Ayudante para lector de pantalla
| 14. HTML/code view
| 14. Vista de código/HTML
|
|
|}
|}


===Manage embedded files===
==Gestionar imágenes incrustadas==
This allows users to add, delete or override files embedded in the current text area, for example in a label or topic summary. (It complements the [[Repositorio archivos incrustados]])
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]])


[[File:26embeddefiles2.png|thumb|400px|center]]
[[File:26embeddefiles2.png|thumb|400px|center]]


===Accessibility checker===
===Revisor de accesibilidad===


One of the tools available in the text editor is an automated [[Accessibility|accessibility]] checker which checks for some common errors in the text. These are usually things in the way the text is constructed that can prevent all users from having equal access to information and functionality. The list of problems that the accessibility checker looks for is:
Una de las herramientas disponibles en el editor de texto es un revisor de [[Accesibilidad|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:


* Images with missing or empty alt text (unless they have the presentation role)
* Imágenes a las que les falta o tienen vacío el texto alterno (a menos que tengan el rol de presentación)
* Contrast of font colour and background colour meets [https://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines WCAG AA guidelines]
* Contraste de los colores del ''font'' y del fondo que cumpla con la [https://es.wikipedia.org/wiki/WCAG_1.0 normatividad WCAG AA]
* Long blocks of text are sufficiently broken up into headings
* Largos bloques de texto deben estar suficientemente subdivididos por encabezados
* All tables require captions
* Todas las tablas que necesiten letreritos deben tenerlos
* Tables should not contain merged cells as they are difficult to navigate with screen readers
* Las tablas no deberían de contener celdas unidas, ya que son difíciles de navegar con lectores de pantalla
* All tables should contain row or column headers
* Todas las tablas deberían tener encabezados de fila o columna


===Screenreader helper===
===Ayudante para lector-de-pantalla===


Screen readers basically treat a content editable region like a text box - which is wrong, because it can contain images, links and more.
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.


The screen reader helper provides additional information about the currently selected text (e.g. is it bold), as well as a listing of any images or links in the text.
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.


===Equation editor===
==Editor de ecuaciones==


If either the [[MathJax filter|MathJax]] or the [[TeX notation filter|TeX notation]] filters are enabled (in ''Administration > Site administration > Plugins > Filters > Manage filters'') then an equation editor button is provided in the toolbar for launching the equation editor.
Si estuviera habilitado algún filtro , ya sea [[Filtro_MathJax|MathJax]] o la [[Filtro_notación_ TeX|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.


===Table editor===
==Editor de tabla==


If the administrator has enabled the extra settings for the Atto table editor (see below) then border styling, sizing and colours are available when creating a table:
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:


[[File:AttoTableRevised.png|center|thumb|center]]
[[File:AttoTableRevised.png|center|thumb|center]]


==Keyboard shortcuts==
==Atajos del teclado==


The following keyboard shortcuts will work in the Atto text editor in most browsers. Note that for many of these commands to work you need to either click in the text editor or select content in the text editor.
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.


{| class="wikitable"
{| class="wikitable"
|-
|-
! Windows Command
! Comando en Windows  
! Mac Command
! Comando en Mac  
! Function
! Función
|-
|-
| Ctrl + c
| Ctrl + c
| ⌘ + c
| ⌘ + c
| Copy
| Copiar
|-
|-
| Ctrl + v
| Ctrl + v
| ⌘ + v
| ⌘ + v
| Paste
| Pegar
|-
|-
| Ctrl + Shift + v
| Ctrl + Shift + v
| ⌘ + Shift + v
| ⌘ + Shift + v
| Paste without formatting (very useful)
| Pegar sin formato (muy útil)
|-
|-
| Ctrl + x
| Ctrl + x
| ⌘ + x
| ⌘ + x
| Cut
| Cortar
|-
|-
| Ctrl + z
| Ctrl + z
| ⌘ + z
| ⌘ + z
| Undo (careful - can undo a lot of text and doesn't always work)
| Deshacer (cuidado - puede deshacer muchísimo texto y no siempre funciona)
|-
|-
| Ctrl + y
| Ctrl + y
| ⌘ + y
| ⌘ + y
| Redo
| Rehacer
|-
|-
| Ctrl + a
| Ctrl + a
| ⌘ + a
| ⌘ + a
| Select all
| Seleccionar todo
|-
|-
| Double-click
| Doble-clic
| Double-click
| Doble-clic
| Select word
| Seleccionar palabra
|-
|-
| Triple-click
| Triple-clic
| Triple-click
| Triple-clic
| Select line
| Seleccionar líinea
|-
|-
| Ctrl + f
| Ctrl + f
| ⌘ + f
| ⌘ + f
| Find on page
| Encontrar en página
|-
|-
| F3
| F3
| F3
| F3
| Find next
| Encontrar siguiente
|-
|-
| Shift + F3
| Shift + F3
| Shift + F3
| Shift + F3
| Find previous
| Encontrar anterior
|-
|-
| Ctrl + b
| Ctrl + b
| ⌘ + b
| ⌘ + b
| Bold
| Negritas
|-
|-
| Ctrl + i
| Ctrl + i
| ⌘ + i
| ⌘ + i
| Italics
| Cursivas
|-
|-
| Ctrl + u
| Ctrl + u
| ⌘ + u
| ⌘ + u
| Underline
| Subrayado
|-
|-
| Ctrl + k
| Ctrl + k
| ⌘ + k
| ⌘ + k
| Insert/edit link
| Insertar/editar enlace
|-
|-
| Ctrl + Right arrow
| Ctrl + Flecha derecha
| ⌘ + Right arrow
| ⌘ + Flecha derecha
| Move to the end of the next word
| Mover al final de la siguiente palabra
|-
|-
| Ctrl + Left arrow
| Ctrl + Flecha izquierda
| ⌘ + Left arrow
| ⌘ + Flecha izquierda
| Move to the end of the previous word
| Mover al final de la palabra anterior
|-
|-
| Ctrl + Shift + Right arrow
| Ctrl + Shift + Flecha derecha
| ⌘ + Shift + Right arrow
| ⌘ + Shift + Flecha derecha
| Select the next word or letter
| Seleccionar la siguiente palabra o letra
|-
|-
| Ctrl + Shift + Left arrow
| Ctrl + Shift + Flecha izquierda
| ⌘ + Shift + Left arrow
| ⌘ + Shift + Flecha izquierda
| Select the previous word or letter
| Seleccionar la palabra o letra anterior
|-
|-
| Ctrl + Shift + Home
| Ctrl + Shift + Inicio
| ⌘ + Shift + Home
| ⌘ + Shift + Inicio
| Select from the cursor to the beginning of the page
| Seleccionar desde el curso hasta el principio de la página
|-
|-
| Ctrl + Shift + End
| Ctrl + Shift + Fin
| ⌘ + Shift + End
| ⌘ + Shift + Fin
| Select from the cursor to the end of the page
| Seleccionar desde el curso hasta el final de la página
|-
|-
| Ctrl + Home
| Ctrl + Inicio
| ⌘ + Home
| ⌘ + Inicio
| Move to the beginning of the page
| Mover al principio de la página
|-
|-
| Ctrl + End
| Ctrl + Fin
| ⌘ + End
| ⌘ + Fin
| Move to the end of the page
| Mover al final de la página
|-
|-
| Ctrl + Backspace
| Ctrl + Retroceder
| ⌘ + Backspace
| ⌘ + Retroceder
| Delete word or letter to the left
| Eliminar palabra o letra a la izquierda
|-
|-
| Ctrl + Delete
| Ctrl + Supr
| ⌘ + Delete
| ⌘ + Supr
| Delete word or letter to the right
| Eliminar palabra o letra a la derecha
|-
|-
| Ctrl and +
| Ctrl y_además +
| ⌘ and +
| ⌘ y_además +
| Zoom in (not specific to the editor, but very useful)
| Aumentar Zoom (no específico al editor, pero muy útil)
|-
|-
| Ctrl and -
| Ctrl y_además -
| ⌘ and -
| ⌘ y_además -
| Zoom out (not specific to the editor, but very useful)
| Disminuir Zoom out (no específico al editor, pero muy útil)
|-
|-
| Ctrl and 0
| Ctrl y_además 0
| ⌘ and 0
| ⌘ y_además 0
| Reset zoom (not specific to the editor, but very useful)
| Reiniciar zoom (no específico al editor, pero muy útil)
|}
|}


<span style="font-size:80%">Source: [https://confluence.royalroads.ca:8443/pages/viewpage.action?pageId=47778173 Jason 1keddie, Royal Roads University (Creative Commons Attribution-ShareAlike)]</span>
<span style="font-size:80%">Source: [https://confluence.royalroads.ca:8443/pages/viewpage.action?pageId=47778173 Jason 1keddie, Royal Roads University (Creative Commons Attribution-ShareAlike)]</span>


==Site administration settings==
==Configuraciones de administración del sitio==


===Toolbar settings===
===Configuraciones de Barra de Herramientas===


The administrator can specify which plugins to display and in which order from ''Administration > Site administration > Plugins > Text editors > Atto HTML editor > Atto toolbar settings''.
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''
[[File:atto-plugins.png|thumb|center|450px|Atto Plugins]]
[[File:atto-plugins.png|thumb|center|450px|Atto Plugins]]


====Toolbar config table====
====Tabla de configuración de la Barra de Herramientas====
The toolbar is split into groups of related buttons. The format for the config setting is:
 
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
groupname1 = button1, button2, button3  
groupname2 = button1, button2, button3
groupname2 = button1, button2, button3


The group names on the left have no effect on how the toolbar works; they just need to be different for each button (and no spaces please). The list of buttons says which button goes in which group and in what order. The exact word to insert here for each button is listed in the "Toolbar config" column above.
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]].


The reason there are names for the groups is that it helps to make you think about how to group the buttons sensibly and not just stick new buttons in random locations. Ie. all the buttons in the "files" group interact with the file picker in some way


===Adding extra buttons===
===Añadir botones extra===


Extra plugins (for example the contributed plugin 'Font color') may be added (once installed) by typing the toolbarconfig term into the toolbar config table.
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.


[[File:toolbarconfig.png]]
[[File:toolbarconfig.png]]


Here for example are the available colours when 'fontcolor' is added:
Aquí, por ejemplo, están los colores disponibles cuando se añade 'fontcolor':


[[File:fontcolor.png]]
[[File:fontcolor.png]]


The icons are displayed in related groups and the administrator can decide how many groups to display in the default collapsed state of the toolbar (that is, how many groups to display on Row 1).
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====


====Autosave frequency====
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.
Text is automatically saved at regular intervals so it may be restored when the user returns to a form they had previously left. This setting allows the administrator to specify the time between autosaves. The default is one minute.
==== Non default Atto plugins ====
Not all plugins are enabled by default and the administrator of each site should give careful thought as to which plugins they choose to enable for their users. Here are some things to consider before enabling the non-default plugins:


===== Emoji picker =====
==== Plugins opcionales para Atto ====
An emoji picker button may be added by typing 'emojipicker' into the toolbar config table.
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:
[[File:toolbar with emoji picker.png|thumb|Toolbar with emoji picker button]]
To add the emoji picker button to the top row:


# Enter the line <code>emoji = emojipicker</code> under the line <code>files = image, emoticon, media, managefiles, recordrtc, h5p</code>
# Go to 'Collapse toolbar settings' and change 'Show first (n) groups when collapsed' to 6 and save changes.


===== Emoticons =====
==== Plugins opcionales para Atto ====
The emoticon plugin inserts text representations of the emoticons in the content. The emoticon filter is responsible for converting these text sequences into proper smiley images. The emoticon filter is not enabled by default, which is why the emoticon plugin for Atto is not enabled by default.
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:


===== No-auto link =====
===== Emoticones =====
In general, the more plugins are added to the Atto toolbar, the harder it becomes to find specific plugins. Because the no-auto link plugin is not felt to be widely used it is not enabled by default.
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.


===== Right to left =====
===== No-auto enlace =====
Because this plugin is only useful for courses where text needs to be written in a mixture of both "left to right" and "right to left" languages, it is not enabled by default.
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.


==== Moodle plugins directory ====
===== 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.


There are more plugins available for Atto than just those included in a default install.
==== Directorio de plugins de Moodle  ====
See the [https://moodle.org/plugins/browse.php?list=category&id=53 Moodle plugins directory] for additional plugins.
Some example plugins include the following:


==== Background colour / Font colour ====
Existen más plugins disponibles para Atto de los que vienen incluidos en una instalación estándar.  
While these are very popular plugins, there are downsides to enabling their use on a site. Firstly - user specified colours may conflict visually with the site colours chosen by the theme designer. Even if the colours of the content do not conflict with the colours of the current theme, if the theme is changed in future, or the content is reused on a different site conflicts may be introduced. There are 2 possible types of conflicts, the first is just a visually unappealing combination of colours, the second is a combination of colours that may produce text that is hard to read for some people. It is preferable if the theme designer uses some interesting colours that meet the accessibility standards required for the site in the theme for the site, and the person creating the content simply uses the proper heading levels (for example) to make use of those styles.


===== Cloze editor for Atto=====
Vea el [https://moodle.org/plugins/browse.php?list=category&id=53 Moodle plugins directory] para plugins adicionales.
[[Cloze editor for Atto|This]] is a plugin for easily making [[Embedded Answers (Cloze) question type]] questions inside the standard Moodle Atto text  editor.
Algunos plugins, por ejemplo, incluyen:


===== Toggle preview =====
This plugin allows you view the content as it would be seen by a reader.


===== Chemistry plugins =====
===== Editor Cloze para Atto =====
There are a number of chemistry plugins that support chemistry equations and structures.


===== Text import plugins =====
[[Editor Cloze para Atto|Este]] plugin le permite a Usted hacer [[Tipo de Pregunta con respuestas incrustadas (Cloze)|preguntas con respuestas incrustadas (Cloze)]] con facilidad en el editor de texto Atto estándar de Moodle.
There are a number of plugins that support importing text from other sources.
The [https://moodle.org/plugins/view/atto_pastespecial Paste special] plugin minimises the amount of superfluous HTML markup
included when pasting content from an external editor such as Microsoft Word.


The [https://moodle.org/plugins/view/atto_wordimport Word Import] plugin (beta) supports importing an entire Word document,
===== Alternar vista previa =====
including embedded images.


===Equation editor settings===
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 [[:Categoría:Química|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 [https://moodle.org/plugins/view/atto_pastespecial 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 [https://moodle.org/plugins/view/atto_wordimport 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''


Equation editor commands may be removed, added or reordered in ''Administration > Site administration > Plugins > Text editors > Atto HTML editor > Equation editor settings''.


[[File:equationeditor.png]]
[[File:equationeditor.png]]


===Table editor settings===
===Configuraciones del editor de tabla===
Styles, colours and sizes for tables and their borders may be enabled from ''Administration > Site administraton >Plugins > Test editors > Atto HTML editor > Table settings.''
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.''


==See also==
==See also==


* [[Editor de texto FAQ]]
* [[Editor de texto FAQ]]
* [[Embedded files repository]]
* [[Repositorio archivos incrustados]]
* [[Word count quick guide]] - Word count is a plugin for the Atto text editor which is used to create content within Moodle.  This plugin enables the author of text, such as a student, to check how many words and letters are in a  piece of text.
* [[Guía rápida de Conteo de palabras]] - Conteo de palabras es un plugin para el  [[Editor de texto|editor de texto Atto]] que es usado para crear contenido dentro de Moodle.  Este plugin le permite al autor del texto, como por ejemplo un estudiante, revisar cuantas palabras y cuantas letras hay en un trozo de texto.
 


[[Categoría:Administración del sitio]]
[[Categoría:Administración del sitio]]
[[Categoría:Enseñanza de idiomas]]
[[Categoría:Enseñanza de idioma]]




[[en:Atto editor]]
[[en:Atto editor]]

Revisión actual - 18:03 7 may 2022

El editor de texto Atto

El editor de texto Atto (al cual a veces se le llama 'editor HTML') tiene muchos íconos que le ayudan al usuario para ingresar contenido. Muchos de estos íconos y funciones deberían de ser ya familiares para cualquier persona que use un procesador de texto.

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 se pueden habilitar, deshabilitar o elegir uno para ser el predeterminado desde Administraciónm > Administración del sitio > Plugins > Editores de texto > Gestionar editores. El orden de prioridad también puede ser especificado aquí.

Si estuviera habilitado más de un editor de texto, un usuario individual 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).

Accesibilidad de Atto

¡Nueva característica
en Moodle 4.00 !

Un proyecto financiado por la Moodle Users Association ha traído una accesibilidad mejorada al editor Atto.

  1. Los lectores de texto en voz alta anuncian cuando el editor Atto es encontrado y si es que un botón está aplicando o quitando un estilo.
  2. Los botones del ‘Comprobador de accesibilidad' y del 'Ayudante del lector de pantalla' ahora están en l aprimera fila de la barra de herramientas, por lo que no es necesario expandir la barra d eherramientas.

Características de Atto

Copiar y pegar imágenes

A partir de Moodle 3.9 en adelante, las imágenes pueden ser copiadas desde cualquier lado y pegadas dentro del editor Atto. Por ejemplo, Usted puede tomar una imagen de su pantalla, copiarla al pisapapeles y después pegarla dentro del editor Atto.

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 desde su computadora:


Arrastrar una imagen directamente dentro del editor

Auto-guardar

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

Barra de herramientas del editor Atto

Attotopline1382.png

Botones predeterminados de Fila 1 de Atto

1. Expandir 2. Estilo 3. Negritas 4. Cursivas
5. Lista con viñetas 6. Lista numerada 7. Añadir enlace 8. Eliminar enlace
9. Añadir imagen 10. Añadir carita sonriente (si está permitido) 11. Añadir medio 12. Grabar audio
13. Grabar video 14. Gestionar archivos incrustados 15. H5P

Attobottomline.png

Botones predeterminados de Fila 2 de Atto

1. Subrayar 2. Tachar 3. Subíndice 4. Superíndice
5. Alinear a la izquierda/centro/derecha 6. Disminuir/aumentar indentación 7. Editor de ecuaciones 8. Caracter especial
9. Tabla 10. Limpiar formato 11. deshacer/rehacer 12. Revisor de accessibilidad
13. Ayudante 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

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 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

Atto Plugins

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:


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:

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.

See also