Diferencia entre revisiones de «37/Editor de texto»

De MoodleDocs
Editando texto
m (tidy up)
m (Texto reemplazado: «class="nicetable"» por «class="wikitable"»)
 
(No se muestran 79 ediciones intermedias de 2 usuarios)
Línea 1: Línea 1:
{{EnTraduccion}}
{{Moodle 3.0}}{{Moodle 3.1}}{{Moodle 3.2}}{{Moodle 3.3}}{{Moodle 3.4}}{{Moodle 3.5}}{{Moodle 3.6}}{{Moodle 3.7}}{{Versiones|Esta página es acerca del '''Editor de texto''' para Moodle 3.0 a 3.7. Para la documentación de otras versiones, vaya a '''[[Editor de texto]]'''. }}
{{Editando texto}}
{{Editando texto}}
'''Nota del traductor''': 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).
{{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 '''[https://docs.moodle.org/dev/Atto 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.
 
<p class="note">'''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, [https://moodle.org/mod/forum/discuss.php?d=265176 por favor vea esta publicación en foro]..</p>
 
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.


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


Un usuario individal puede seleccionar un editor en su perfil desde '' Administración > Configuraciones de mi perfil > Editar perfil.''
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==
{{MediaPlayer | url = https://youtu.be/GzOOWM8UdEc | desc = }}


{{Nuevas características de Moodle 3.5}}
Los estudiantes y profesores (por ejemplo, en enseñanza de idiomas) pueden grabar directamente video o audio en la mayoría de las áreas en donde está presente el editor Atto:
{{MediaPlayer | url = https://youtu.be/gr4mw1qvcWM | desc =}}


==Editor Atto de HTML==
Los administradores pueden configurar esto desde  Administración del sitio > Plugins > editores de texto > editor Atto.
{{Nuevas características de Moodle 2.7}}
==Diseño de la barra de herramientas de editor Atto==


[[File:Atto1.png]]
[[File:Attotopline1.png]]


Atto Fila 1
Atto Fila 1




{| class="nicetable"
{| class="wikitable"
|-
|-
|-
| 1: Expander
| 2. Estilo
| 3. Negritas
| 4. Cursivas
|-
|-
| 1:Expander
| 5. Lista con viñetas
| 2.SEstilo
| 6. Lista numerada
| 3.Negritas
| 7. Añadir enlace
| 4.Cursivas
| 8. Des-enlazar
|-
|-
| 5.Lista con viñetas
| 9. Añadir carita sonriente (si está habilitado)
| 6.Lista numerada
| 10. Añadir medio
| 7.Añadir enlace
| 11. Añadir medio
| 8.des-enlazar
| 12. Grabar audio
|-
|-
| 9.Añadir imagen
| 13. Grabar video
| 10.Añadir medio
| 14. Gestionar archivos incrustados  
| 11.Gestionar archivos incrustados
   
   
|}
|}
Línea 37: Línea 57:




[[File:Atto22.png]]
[[File:Attobottomline.png]]


Atto Fila2
Atto Fila2


{| class="nicetable"
{| class="wikitable"
|-
|-
|-
| 1:Subrayar
| 2.Tachar
| 3.Subíndice
| 4.Superíndice
|-
|-
| 5.Alinear a la izquierda
| 1: Subrayar
| 6.Alinear al centro
| 2. Tachar
| 7.Alinear a la derecha
| 3. Subíndice
| 8.Aumentar tabulador
| 4. Superíndice
|-
|-
| 9.Disminuir tabulador
| 5. Alinear a la izquierda/derecha/centro
| 10.Ecuación
| 6. Disminuir/aumentar indentación
| 11.Caracter especial
| 7. Editor de ecuación
| 12.Tabla
| 8. Caracter especial
|-
|-
| 13.Limpiar formato
| 9. Tabla
| 14.Deshacer/rehacer
| 10. Limpiar formato
| 15.Deshacer/rehacer
| 11. Deshacer/rehacer
| 16.Revisor de accesibilidad
| 12. Revisor de accesibilidad
|-
|-
| 17.Ayuda para lector de pantalla
| 13. Ayuda para lector de pantalla
| 18.vista de código/HTML
| 14. Vista de código/HTML
|}
|}


==Configuraciones de administración del sitio==
==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]])


===Configuraciones de Barra de Herramientas===
[[Archivo:26embeddefiles2.png|thumb|400px|center]]


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''
===Arrastrar y soltar imagen===


Extra plugins from the list (for example 'Font color' or 'Emoticon' may be added by typing the toolbarconfig term into the toolbar config table.
{{Nuevas características de Moodle 2.9}}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 desxde su computadora:


[[File:toolbarconfig.png]]
[[File:Attodragdrop29.png|thumb|600px|center|Arrastrar una imagen directamente hacia adentro del editor]]


===Configuraciones de Barra de Herramientas colapsada===
===Autoguardar===
The icons are displayed in related groups and from ''Administration>Site administration>Plugins>Text editors>Atto HTML editor>Atto toolbar settings'', 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.)
{{Nuevas características de Moodle 2.8}}
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]]


===Configuraciones del Editor de Ecuaciones===
===Revisor de accesibilidad===


The equation editor icon will appear if the TeX Notation and MathJax filters are enabled in ''Administration>Site administration>Plugins>Filters>Manage filters''.
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:


Commands may be removed, added or reordered from ''Administration>Site administration>Plugins>Text editors>Atto HTML editor>Equation editor settings''
* 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 [https://es.wikipedia.org/wiki/WCAG_1.0 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


[[File:equationeditor.png]]
===Ayudante para lector-de-pantalla===


==NECESARIO REORGANIZAR LO QUE SIGUE==
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.


{{Moodle 2.7}}
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.
'''Nota:''' De Moodle 2.7 en adelante, [https://docs.moodle.org/dev/Atto Atto] será el editor HTML por defecto para las nuevas instalaciones. Atto es un editor de texto en JavaScript que fue construido especificamente para Moodle. Usted puede cambiar su editor de texto por defecto (regresar a tener TinyMCE) al ir a ' Administración > Administración del sitio > Plugins > Editores de texto > Gestionar editores ' y cambiar el orden de prioridad. También es posible deshabilitar el editor TinyMCE editor y usar solamente un editor de texto simple desde ''Administración > Administración del sitio > Plugins > Editores de texto > Gestionar editores.''
Un usuario individual puede seleccionar un editor en su perfil desde ''Administración > Configuración de Mi perfil > Editar perfil.''


==Atto==
==Editor de ecuaciones==
[[Archivo:27Atto_editor.png]]


==TinyMCE==
{{Nuevas características de Moodle 2.7}}
[[Archivo:27TinyMCE_editor_with_CLOZE_plugin_working_OK.png]]
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.


==Seleccionar TinyMCE en lugar de Atto como editor por defecto en Moodle 2.7+==
[[Archivo:30equationeditor.png|thumb|center|Editor de ecuaciones]]
[[Archivo:800px-27available_editors_default_config_click_here.png]]


[[Archivo:27available_editors_Moving_Atto_down_makes_TinyMCE_top.png]]
{{Nuevas características de Moodle 3.0}}
A partir de Moodle 3.0 en adelante, se proporcionan botones adicionales para raices cuadradas, fracciones y vectores.


==Editor de tabla==


==Colapsar y expandir el editor==
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:


{{Moodle 2.6}}
[[File:AttoTableRevised.png|center|thumb|center]]


El editor TinyMCE aparece primero con solamente una fila de botones. Al elegir el ícono de arriba a la izquierda se expanderá a tres filas.
==Configuraciones de administración del sitio==


{|
===Configuraciones de Barra de Herramientas===
|[[File:26tinymce1.png|250px|thumb|Vista colapsada]]
|[[File:26tinymce2.png|250px|thumb|Vista expandida]]
|}


==Botones 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''
Para aquellos que no están famliarizados con la barra de herramientas, aquí están los botones agrupados en sus filas. recuerde que el administrador del sitio puede editar o proporcionar botones adicionales.
[[File:atto-plugins.png|thumb|center|450px|Plugins para Atto]]


Fila 1
====Tabla de configuración de la Barra de Herramientas====
{|
|[[File:26tinymcerow1.png|400px|thumb]]
|}


{| class="nicetable"
La Barra de Herramientas está dividida en grupos de botones relacionados. El formato para el ajuste de la configuración es:
|-
|-
| 1:Expand
| 2.Formatting
| 3.Bold
| 4.Italic
|-
| 5.Bulleted list
| 6.Numbered list
| 7.Add link
| 8.Unlink
|-
| 9.Stop auto linking
| 10.Add image
| 11.Add emoticon
| 12.Add media
|-
| 13.Manage embedded files
|
|
| 
|}
Fila 2


{|
groupname1 = button1, button2, button3 groupname2 = button1, button2, button3
|[[File:26tinymcerow2.png|400px|thumb]]
|}


{| class="nicetable"
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).
|-
|-
| 1:Undo
| 2.Redo
| 3.Underline
| 4.Strikethrough
|-
| 5.Subscript
| 6.Superscript
| 7.Align left
| 8.Align centre
|-
| 9.Align right
| 10.Decrease indent
| 11.Increase indent
| 12.Text colour
|-
| 13.Background colour
| 14.Left to Right
| 15.Right to Left
| 16.Non-breaking space
|-
| 17.Special character
| 18.Table
|
|
|}
Fila 3


{|
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]].
|[[File:26tinymcerow3.png|400px|thumb]]
|}


{| class="nicetable"
|-
|-
| 1:Font family
| 2.Font size
| 3.Edit HTML
| 4.Find
|-
| 5.Find/replace
| 6.Clean up messy code
| 7.Remove formatting
| 8.Plain text paste
|-
| 9.MS Word paste
| 10.Toggle full screen
|
|
|-
|}


===Colour pickers===
*[[Image:26colourpickers.png]]
There are four levels of selecting a font or background colour,
*A quick pick 5x8 matrix of colours
*"More colours" that links to Picker, Pallet and Named tabs
<gallery>
Image:HTML_editor_color_selector_basic_1.png|A quick pick 5x8 matrix of colors
Image:HTML_editor_color_selector_more_picker_1.png|A rainbow color picker tab
Image:HTML_editor_color_selector_more_pallet_1.png|A Pallet tab with a 18x12 matrix of colors
Image:HTML_editor_color_selector_more_named_1.png|A Named tab with custom pallets
</gallery>


====Insert table====
===Añadir botones extra===
<gallery widths="300px">
Image:HTMLeditor_Insert_Table_general_1.png|General tab
Image:HTMLeditor_Insert_Table_advanced_1.png|Advanced tab
</gallery>


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


Cell borders are crucial for helping readers to follow the rows across the screen. If they aren’t showing already you can add them as follows:
[[File:toolbarconfig.png]]


#In the Wiki page containing your table, click its Edit tab
Aquí, por ejemplo, están los colores disponibles cuando se añade 'fontcolor':
#Carefully select all the cells of the table
#Then right click (Macs: Command+click or Ctrl+Click) over any part of your selection to get a context menu; from it select Cell > Table Cell Properties; the cell properties dialog box then loads.
#Click on its Advanced tab, set Border Color to black (for instance), then click Apply, and then click Update.
#Click Save; the Wiki page containing your table will then load displaying its borders.


==Site administration settings==
[[File:fontcolor.png]]


===Manage editors===
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.)


A site administrator can enable / disable text editors in ''Settings > Site administration > Plugins > Text editors > Manage editors''. By default the TinyMCE HTML editor and plain text area are enabled.
====Frecuencia de autoguardado====
{{Nuevas características de Moodle 2.8}}
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.


===TinyMCE editor settings===
==== 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:


The TinyMCE  HTML editor has its own settings page ''Administration>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings'' with the following options:
===== 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 [[Temas|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 [[Reusando_actividades|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.


====Plugins====
===== Emoticones =====
*Buttons for equations, emoticons,images, media, automatic linking, and  legacy spell-checking may be enabled, disabled or uninstall here by clicking on their eye.
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.
*Additionally the equation, emoticon and spell check buttons have links to their Settings screens.


[[File:legacyspellchecker.png |thumb|none|upright=2.0|alt="The TinyMCE editor plugins screen" | The TinyMCE editor plugins screen]]
===== 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.


=====Insert equation=====
===== 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.


Accessed from ''Administration>Site administration>Plugins>Text editors>TinyMCE HTML editor>Edit equation'', this allows you to enable or disable the TeX filter in the editor context and thereby display the Dragmath button. If you have a global custom TeX filter, then disable this setting.
==== Directorio de plugins de Moodle ====


=====Insert emoticon=====
Existen más plugins disponibles para Atto de los que vienen incluidos en una instalación estándar.  
Accessed from ''Administration>Site administration>Plugins>Text editors>TinyMCE HTML editor>Insert emoticon'', this allows you to enable or disable the emoticon filter in the editor context and thereby display the emoticon button.


===== Legacy spell checker=====
Vea el [https://moodle.org/plugins/browse.php?list=category&id=53 Moodle plugins directory] para plugins adicionales.
The legacy spell checker is visible in IE9 and lower only, but not in other browsers. If you want to disable it and and rely on browser spell checker functionality instead, you can do this by disabling the ''legacy spellchecker'' plugin by clicking its eye in ''Administration > Site administration > Plugins > Text editors > TinyMCE HTML editor > General settings''
Algunos plugins, por ejemplo, incluyen:


To spell-check via your browser, type your word (which if incorrectly spelt will have red lines under it) and press right click + CTRL
===== Editor Cloze para Atto =====
{|
|[[File:Browserspellcheck.png|thumb|Right-click+CTRL for browser spellcheck]]
|}


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


You can select a different spell engine from ''Administration> Site administration > Plugins > Text editors > TinyMCE HTML editor>Check spelling'' 
===== Alternar vista previa =====


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


{|
===== Plugins para Química =====
|[[File:Spellengine.png|thumb|Choosing a different spell engine]]
Hay varios plugins para [[:Categoría:Química|química]] que soportan estructuras y ecuaciones químicas
|}
According to: http://php.net/manual/en/book.pspell.php


"As of php 5.3. Pspell is no longer supported/bundled. Instead you can use the enchant which is bundled by default in 5.3."
===== Plugins para importar texto=====
Hay varios plugins que soportan la importación de texto de otras fuentes.  


If PSpell is selected then aspell 0.50 or later must be installed on your server and the path to aspell set in Administration > Site administration > Server > System Paths.
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.


===Customising the editor toolbar===
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.


An administrator can remove or add buttons to the TinyMCE editor toolbar by altering the Editor toolbar box in ''Administration>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings'' as demonstrated in the screencast [http://youtu.be/vTW1DImro9c Customise the text editor in 2.4]
===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 ''.
| [[File:editortoolbar.png|thumb|The Editor toolbar box]]
|[[File:horizontalrule.png|thumb|Example of simpler toolbar with added horizontal rule button]]
|[[File:inserttime.png|thumb|An "insert time" button has been added]]


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


|}
[[File:equationeditor.png]]


====Available fonts list====
===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.''


In addition to the default fonts, a site administrator can add extra fonts by typing their name and string in the box in ''Administration > Site administration > Plugins > Text editors > TinyMCE HTML editor>General settings'' as demonstrated in the screencast [http://youtu.be/udP7Bnur30Y How to add extra fonts].


{|
==Documentación adicional, no incluida en la página original en idioma inglés==
|[[File:comicsans.png|thumb|Example of custom font]]
|}


====Custom configuration====
===Arrastrar y soltar imágenes dentro del editor de texto===
* Si su navegador de Internet lo soporta, Usted puede arrastrar y soltar imágenes dentro de una  [[Página|página]], una [[Preguntas|pregunta]] y una [[Etiquetas|etiqueta]].
* Las imágenes arrastradas hacia una publicación dentro de un [[Foro|foro ]] no aparecerán, a menos que Usted esté usando el editor [[Atto]] y tenga instalado el [https://moodle.org/plugins/view.php?plugin=atto_imagedragdrop plugin adicional para Arrastrar y colocar].
* Las imágenes no pueden arrastrarse y soltarse con Chrome ni con Internet Explorer, pero si es posible hacerlo con Firefox.
* [https://moodle.org/mod/forum/discuss.php?d=270053 This forum thread] tiene más discusiones al respecto.
* Hay un asunto en el ''tracker'' respecto a arrastrar y soltar dentro de [[Atto]] en  [https://tracker.moodle.org/browse/MDL-43996 https://tracker.moodle.org/browse/MDL-43996]


A setting in  ''Administration>Site administration>Plugins>Text editors>TinyMCE HTML editor>General settings'' provides  a box in which an administrator can apply custom formats. See MDL-37186 for more details with examples,  and see also the [http://www.tinymce.com/wiki.php/Configuration:formats TinyMCE configuration page]
===Insertar tabla===
<gallery widths="300px">
Image:HTMLeditor_Insert_Table_general_1.png|Pestaña General
Image:HTMLeditor_Insert_Table_advanced_1.png|Pestaña Avanzado
</gallery>


{|
'''Para agregar bordes a una tabla'''
|[[File:bottomtoolbar.png|thumb| Example 1:Toolbar at the bottom]]
|[[File:customstyles.png|thumb| Example 2: Custom styles]]
|}


*Example: Moving the toolbar to the bottom:
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:


Add the following:
#En la página Wiki que contiene su tabla, hacer click en la pestaña Editar
{"theme_advanced_toolbar_location" : "bottom"}
#Cuidadosamente seleccione todas las celdas de la tabla
#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.
#Haga click en la pestaña Avanzado, seleccione el Color de borde negro (por ejemplo), luego presione Aplicar, y luego haga click en Actualizar.
#Haga click en Guardar, la página Wiki conteniendo su tabla se mostrará con sus bordes.


*Example: Adding your own custom styles.
==Vea también==
(This might be useful for example if you want a "house style" for important notes, key points or similar)
In the editor toolbar, enter "styleselect" and then in the custom box add the following code, changing it to suit your purposes:
{"style_formats" : [
  {"title" : "Bold text", "inline" : "b"},
  {"title" : "Red text", "inline" : "span", "styles" : {"color" : "#ff0000"}},
  {"title" : "Red header", "block" : "h1", "styles" : {"color" : "#ff0000"}} ]}


The following will let you use bootstrap CSS classes if you use a bootstrap based theme:
* [https://www.youtube.com/watch?v=NBx0O9cQzBA  Moodle HQ screencast demonstrating Atto editor]
 
* [http://youtu.be/ZoOAkpK9Oho The Moodle Text Editor - Atto] MoodleBites video on YouTube
    {"style_formats" : [
* [[Editor de texto FAQ]]
        {"title" : "Well", "block" : "div", "classes" : "well"},
* [[Repositorio archivos incrustados]]
        {"title" : "Label", "inline" : "span", "classes" : "label"},
* [https://moodle.org/mod/forum/discuss.php?d=258631 New 2.7 Equation Editor - Missing Key Items] forum discussion and associated issue MDL-45067
        {"title" : "Label - success", "inline" : "span", "classes" : "label label-success"},
* [https://moodle.org/mod/forum/discuss.php?d=265176 No option to re-size with Atto and 2.7+]
        {"title" : "Label - warning", "inline" : "span", "classes" : "label label-warning"},
* [http://www.w3.org/wiki/images/a/af/Cssed_borderstyles.png The new border styles] available in Atto in Moodle 3.0
        {"title" : "Label - important", "inline" : "span", "classes" : "label label-important"},
        {"title" : "Label - info", "inline" : "span", "classes" : "label label-info"},
        {"title" : "Label - inverse", "inline" : "span", "classes" : "label label-inverse"},
        {"title" : "Button", "inline" : "a", "classes" : "btn btn"},
        {"title" : "Button - primary", "inline" : "a", "classes" : "btn btn-primary"},
        {"title" : "Button - info", "inline" : "a", "classes" : "btn btn-info"},
        {"title" : "Button - success", "inline" : "a", "classes" : "btn btn-success"},
        {"title" : "Button - warning", "inline" : "a", "classes" : "btn btn-warning"},
        {"title" : "Button - danger", "inline" : "a", "classes" : "btn btn-danger"},
        {"title" : "Button - inverse", "inline" : "a", "classes" : "btn btn-inverse"}
    ]}


*Example: Enabling copy of rich content with styles from MS Word (tm) and paste into TineMCE without removing important styles:
[[Categoría:Administración del sitio]]
 
[[Categoría:Enseñanza de idioma]]
{"paste_retain_style_properties" : "margin, padding, width, height, font-size,
  font-weight, font-family, color, text-align, ul, ol, li,
  text-decoration, border, background, float, display"}
 
==See also==
 
* [[Editor de texto FAQ]]


[[Category:Administración del sitio]]
[[Categoría:Nuevas características de Moodle 3.0]]
[[Category:Nuevas características de Moodle 2.6]]
[[Categoría:Nuevas características de Moodle 2.8]]
[[Category:Moodle 2.7]]
[[Categoría:Nuevas características de Moodle 2.6]]


[[de:Text-Editor]]
[[de:Text-Editor]]
[[en:Text editor]]
[[en:Text editor]]

Revisión actual - 15:22 10 ago 2021

Moodle 3.0

Moodle 3.1

Moodle 3.2

Moodle 3.3

Moodle 3.4

Moodle 3.5

Moodle 3.6 Moodle 3.7

note icon.png Existe documentación diferente para varias versiones de Moodle: Esta página es acerca del Editor de texto para Moodle 3.0 a 3.7. 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

Cargar video
YouTube

¡Nueva característica
en Moodle 3.5!

Los estudiantes y profesores (por ejemplo, en enseñanza de idiomas) pueden grabar directamente video o audio en la mayoría de las áreas en donde está presente el editor Atto:

Cargar video
YouTube

Los administradores pueden configurar esto desde Administración del sitio > Plugins > editores de texto > editor Atto.

Diseño de la barra de herramientas de editor Atto

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


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

¡Nueva característica
en Moodle 2.9! 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

¡Nueva característica
en Moodle 2.8!

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

¡Nueva característica
en Moodle 2.7!

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

¡Nueva característica
en Moodle 3.0!

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

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' o 'Emoticon' 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

¡Nueva característica
en Moodle 2.8!

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.

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

  • Pestaña General

    Pestaña General

  • Pestaña Avanzado

    Pestaña Avanzado

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

Obtenido de «https://docs.moodle.org/all/es/index.php?title=37/Editor_de_texto&oldid=54049»
Powered by MediaWiki