Accions

Editor TinyMCE: diferència entre les revisions

De Recursos docents

(Es crea la pàgina amb «{{Template:MoodleUsos}} === Què és === esquerra L’editor ATTO és una eina que ens permet donar format al text que volem publicar al nostre Moodle de forma senzilla. És l’editor html de Moodle. Té diverses icones que ajuden a l’usuari ingressar contingut i que poden resultar familiars si hem usat altres processadors de textos. Aquest editor és molt visual i a part de donar format al text també incorpora eines d’enregistrament de...».)
 
Cap resum de modificació
Línia 1: Línia 1:
{{Template:MoodleUsos}}
{{Template:MoodleUsos}}
=== Què és ===
=== Què és ===
[[Fitxer:Atto.png|esquerra]]
[[Fitxer:LogoTinyMCE.png|esquerra|miniatura|100x100px]]
L’editor ATTO és una eina que ens permet donar format al text que volem publicar al nostre Moodle de forma senzilla. És l’editor html de Moodle. diverses icones que ajuden a l’usuari ingressar contingut i que poden resultar familiars si hem usat altres processadors de textos. Aquest editor és molt visual i a part de donar format al text també incorpora eines d’enregistrament de vídeo i àudio que permeten fer gravacions des de qualsevol activitat o recurs que tingui l’editor.   
L’editor TinyMCE és una eina que ens permet donar format al text que volem publicar al nostre Moodle de forma senzilla. És l’editor html de Moodle i a partir del curs 2024-2025 és el que està configurat per defecte a la UVic (anteriorment teníem l'[[Editor ATTO]]).
 
Igual que l'anterior editor, té diverses icones que ajuden a l’usuari ingressar contingut i que poden resultar familiars si hem usat altres processadors de textos. A més, inclou també opcions agrupades en menús. 
 
Aquest editor és molt visual i a part de donar format al text també incorpora eines d’enregistrament de vídeo i àudio que permeten fer gravacions des de qualsevol activitat o recurs que tingui l’editor.   


=== Què podem fer ===
=== Què podem fer ===


===== Icones de l’editor ATTO =====
==== Estructura de l'editor TinyMCE ====
Totes les opcions d'edició que permet TinyMCE estan agrupades en menús (1). Hi ha una segona filera que agrupa les icones de les funcionalitats que es consideren més utilitzades (2) que es pot ampliar clicant la icona dels tres punts suspensius de la dreta (3).
 
A la zona del contingut (4) s'escriu el text, s'insereixen imatges o vídeos, s'inclouen enllaços, entre altres opcions, a les que es dóna format a partir de les opcions de menú o de les icones.
[[Fitxer:VistaGeneralEditorTinyMCE.png|center|miniatura|600x600px]]
 
===== Menús de l'editor TinyMCE =====
[[Fitxer:EditorTinyMCE MenuEdita.png|center|miniatura]]
[[Fitxer:EditorTinyMCE MenuVisualitza.png|center|miniatura]]
[[Fitxer:EditorTinyMCE MenuInsereix.png|center|miniatura]]
[[Fitxer:EditorTinyMCE Format.png|center|miniatura]]
[[Fitxer:EditorTinyMCE Eines.png|center|miniatura]]
[[Fitxer:EditorTinyMCE Taula.png|center|miniatura]]
 
 
 
A continuació, t'expliquem les accions que potsm fer amb les icones predeterminades de la primera fila d’ATTO:
A continuació, t'expliquem les accions que potsm fer amb les icones predeterminades de la primera fila d’ATTO:
[[Fitxer:Image4.1.png|center|miniatura|706x706px]]
[[Fitxer:Image4.1.png|center|miniatura|706x706px]]

Revisió del 12:14, 5 set 2024

Què és

LogoTinyMCE.png

L’editor TinyMCE és una eina que ens permet donar format al text que volem publicar al nostre Moodle de forma senzilla. És l’editor html de Moodle i a partir del curs 2024-2025 és el que està configurat per defecte a la UVic (anteriorment teníem l'Editor ATTO).

Igual que l'anterior editor, té diverses icones que ajuden a l’usuari ingressar contingut i que poden resultar familiars si hem usat altres processadors de textos. A més, inclou també opcions agrupades en menús.

Aquest editor és molt visual i a part de donar format al text també incorpora eines d’enregistrament de vídeo i àudio que permeten fer gravacions des de qualsevol activitat o recurs que tingui l’editor.

Què podem fer

Estructura de l'editor TinyMCE

Totes les opcions d'edició que permet TinyMCE estan agrupades en menús (1). Hi ha una segona filera que agrupa les icones de les funcionalitats que es consideren més utilitzades (2) que es pot ampliar clicant la icona dels tres punts suspensius de la dreta (3).

A la zona del contingut (4) s'escriu el text, s'insereixen imatges o vídeos, s'inclouen enllaços, entre altres opcions, a les que es dóna format a partir de les opcions de menú o de les icones.

VistaGeneralEditorTinyMCE.png
Menús de l'editor TinyMCE
EditorTinyMCE MenuEdita.png
EditorTinyMCE MenuVisualitza.png
EditorTinyMCE MenuInsereix.png
EditorTinyMCE Format.png
EditorTinyMCE Eines.png
EditorTinyMCE Taula.png


A continuació, t'expliquem les accions que potsm fer amb les icones predeterminades de la primera fila d’ATTO:

Image4.1.png
  1. Expandir: permet la visualització completa de tots els botons de l’editor.
  2. Aplicar estil de text/paràgraf.
  3. Canviar la lletra a Negreta/Cursiva.
  4. Escollir tipografia.
  5. Seleccionar el color del text.
  6. Fer una llista per punts o numerada.
  7. Afegir o suprimir un enllaç.
  8. Importar un document MS Word.
  9. Inserir imatge/ Inserir un fitxer d’àudio o vídeo.
  10. Gestionar fitxers.
  11. Gravar àudio / Gravar vídeo.
  12. Afegir contingut en format H5P.


Et donem més detalls a les seccions posteriors.

A continuació, relacionem les accions que pots fer amb les icones predeterminades de la segona fila d’ATTO:

Image4.2.png
  1. Subratllar i Ratllar.
  2. Aplicar format de subíndex i superíndex.
  3. Alinear text a l’esquerra, centrat o a la dreta.
  4. Sagnar el text.
  5. Obrir l’editor d’equacions.
  6. Inserir un caràcter especial.
  7. Inserir taula.
  8. Netejar fons.
  9. Desfer/Refer.
  10. Activar el revisor d’accessibilitat.
  11. Activar l’ajuda de lector de pantalla.
  12. Crear una reunió de MS Teams.
  13. Canviar l’idioma.
  14. Fer servir la vista de codi HTML.
    Image4.3.png

Des de finals de febrer 2022, a l’editor ATTO també apareix la icona de Medial (1), que és el gestor de vídeos de la UVic. Això permet encrustar vídeos en els camps on hi ha l’editor ATTO (càrrega d’un fitxer, enllaçar amb un vídeo que ja hi ha en el canal, fer un enregistrament nou amb càmera web o enregistrament de pantalla i càmera web alhora). Per saber-ne més, consulta Medial: el nostre gestor de vídeos i MediaLecture: enregistrar la pantalla. A més, hi ha tres icones més per afegir una marca de correcció del text (2), eliminar una marca de correcció (3), mostrar el text amb les marques de correcció (4).

Icones amb les quals cal seleccionar el text
Image4.1.png

A continuació, detallem quines són les icones que funcionen sobre una selecció de text.

  1. Desplegar totes les icones de l’editor ATTO.
  2. Aplicar un estil de text o paràgraf.
  3. Canviar la lletra a Negreta o Cursiva
  4. Escollir tipografia. Hi ha sis tipografies disponibles per defecte.
  5. Seleccionar el color del text. Hi ha sis colors per defecte, però amb el llapis pots seleccionar un a la paleta de colors que apareix. Llavors cal prémer Submit per aplicar el color escollit.
  6. Fer una llista per punts o numerada.
Afegir o suprimir un enllaç

Per afegir un enllaç URL a una selecció de text cal prémer el símbol d’enllaçar, tal com es veu a la següent imatge:

Image4.4.png

Llavors apareixerà una finestra per enganxar l’enllaç desitjat.

Image4.5.png


Finalment, si ho hem fet bé les lletres del text apareixeràn de color granat, com a la imatge següent:

Image4.6.png
Inserir un document MS Word i altres elements multimèdia

Tot seguit, t’expliquem com funcionen les icones 8, 9, 10 i 12 marcades en groc a la imatge següent.

Image4.1.png


Tot fent servir una de les icones per inserir imatges (9), un fitxer d’àudio o vídeo (9) i la d’H5P (12), s’obre un diàleg com el següent:

Image4.7.png


Si navegues pels repositoris, s’obrirà el Selector de fitxers, tal com es veu a la imatge següent. Si tries Seleccionar archivo, pots trobar un fitxer al teu ordinador per incorporar.

Image4.8.png



Amb la icona de MS Word (8) s’obrirà directament el Selector de fitxers i seguidament pots triar el fitxer com al procediment anterior.

La icona Gestiona fitxers (10) serveix per carregar elements, que posteriorment podràs seleccionar al servidor amb el Selector de fitxers.

Image4.9.png

Altres informacions i ajudes d'interès

Per a informació més detallada de com funciona l’editor ATTO de Moodle, consulta aquestes pàgines externes: