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ó
 
(12 revisions intermèdies per 2 usuaris que no es mostren)
Línia 1: Línia 1:
{{Template:MoodleUsos}}
{{Template:MoodleUsos}}
=== Què és ===
=== Què és ===
[[Fitxer:Atto.png|esquerra]]
[[Fitxer:LogoTinyMCE.png|esquerra|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. 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 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. 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 l’usuari a incorporar contingut en qualsevol caixa de text de l'aula Moodle. 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.   
 
Per què aquest canvi? ATTO és un projecte intern de Moodle, que finalment han decidit abandonar. Optar per una eina de creació externa com ara TinyMCE pot ser una bona aposta, especialment si es tracta d'una eina potent amb actualitzacions i millores freqüents, com és el cas de TinyMCE. Per fer edicions senzilles els dos entorns se semblen molt, però en realitat TinyMCE és molt més estable i funcional. És una excel·lent aposta! 


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


===== Icones de l’editor ATTO =====
==== Estructura de l'editor TinyMCE ====
A continuació, t'expliquem les accions que potsm fer amb les icones predeterminades de la primera fila d’ATTO:
Totes les opcions d'edició que permet TinyMCE estan agrupades en menús (1) en la seva part superior.
[[Fitxer:Image4.1.png|center|miniatura|706x706px]]
 
Hi ha una segona filera que mostra els botons de les funcionalitats que es consideren més utilitzades (2) i 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, i s'inclouen enllaços, entre d'altres opcions. Podem donar format a un text, a partir de les opcions de menú o de les icones.
[[Fitxer:VistaGeneralEditorTinyMCE.png|center|600x600px]]
 
==== Menús de l'editor TinyMCE ====
Cada opció inclosa en els menús de l'editor té una icona representativa, que és la mateixa que apareix en la barra de botons.
 
===== Edita =====
[[Fitxer:EditorTinyMCE MenuEdita.png|239x239px|dreta]]El menú Edita conté les següents opcions:


# Expandir: permet la visualització completa de tots els botons de l’editor.
* Desfés
# Aplicar estil de text/paràgraf.
* Refés
# Canviar la lletra a Negreta/Cursiva.
* Retalla
# Escollir tipografia.
* Copia
# Seleccionar el color del text.
* Enganxa
# Fer una llista per punts o numerada.
* Enganxa com a text (és a dir, sense format)
# Afegir o suprimir un enllaç.
* Selecciona-ho tot
# Importar un document MS Word.
* Cerca i reemplaça...
# Inserir imatge/ Inserir un fitxer d’àudio o vídeo.
# Gestionar fitxers.
# Gravar àudio / Gravar vídeo.
# Afegir contingut en format H5P.


===== Visualitza =====
[[Fitxer:EditorTinyMCE MenuVisualitza.png|170x170px|dreta]]El menú Visualitza conté:


* Codi font. Canvia a la visualització de l'espai d'edició de codi font html.
* Assistència visual. Per mostrar, per exemple, una línia discontínua de vora de taula si no té amplada.
* Mostra els caràcters invisibles. Per exemple, un espai no divisible.
* Mostra els blocs. Mostra la separació de l'espai d'edició en elements de bloc HTML, com ara paràgrafs. Per tornar a la visualització anterior, cal clicar la mateixa icona de nou.
* Pantalla completa. Canvia la visualització de l'espai d'edició a pantalla completa. Si es clica la mateixa icona de nou, torna a la visualització anterior.
* Previsualització. Permet veure el resultat del que estem editant sense haver de desar.


Et donem més detalls a les seccions posteriors.
===== Insereix =====
[[Fitxer:EditorTinyMCE MenuInsereix.png|504x504px|dreta]]
En l'apartat Inserir un fitxer d'aquesta mateixa pàgina s'explica com fer aquesta acció per a imatges, multimèdia, i H5P.
* Imatge
* Enllaç
* Multimèdia
* Enregistrar un àudio. Si l'àudio és voluminós, suggerim penjar-lo a [[Medial: el nostre gestor de vídeos|Medial]] i inserir-lo a través de la icona de Medial.
* Enregistrar un vídeo. Si el vídeo és voluminós, suggerim penjar-lo a [[Medial: el nostre gestor de vídeos|Medial]] i inserir-lo a través de la icona de Medial.
* Mostra de codi... Permet inserir un fragment de codi html/xml, JavaScript, CSS, PHP, entre altres.
* Taula. S'obre una finestra emergent que permet seleccionar el nombre de fileres i columnes de la taula. Aquesta es podrà editar amb les opcions del menú Taula.
* Caràcter especial
* Emojis...
* Línia horitzontal
* Salt de pàgina
* Espai no separable
* Àncora...
* Data/hora. S'insereix la data/hora del moment de l'edició i permet triar-ne el format.
* Editor d'equacions. S'obre una finestra emergent que permet fer equacions a partir d'operadors, fletxes, símbols grecs i d'altres.
* Genérico Widgets. A la UVic tenim generats uns fragments amb format especial que permeten inserir uns títols destacats. Pot ser útil per afegir una subsecció visual.
* Contingut H5P
* Vídeo de Medial. Inserir un vídeo que tinguem allotjat a [[Medial: el nostre gestor de vídeos|Medial]] (el gestor de vídeos de la UVic).


A continuació, relacionem les accions que pots fer amb les icones predeterminades de la segona fila d’ATTO:
===== Format =====
[[Fitxer:Image4.2.png|center|miniatura|588x588px]]
[[Fitxer:EditorTinyMCE Format.png|377x377px|dreta]]Es pot seleccionar un text i aplicar-li un dels següents formats o bé clicar la icona corresponent, escriure el text i tornar a clicar a la icona per indicar que en aquell punt es finalitza aquell format.
* Negreta
* Cursiva
* Subratllat
* Barrat
* Superíndex
* Subíndex
* Codi
* Blocs. Serveix per aplicar els formats de capçaleres/títols i altres tipus de paràgraf..
* Alinea: esquerra, centre o dreta.
* Alçada de la ínia: interlineat.
* Suprimeix el format. Elimina el format de la selecció.
* Color de text
* Color de fons
* Idioma. Permet introduir etiquetes de multilang per fer [https://mon.uvic.cat/udute/text-multilingue-a-laula-moodle/ textos multilingües] (es mostraran en un o altre idioma segons la preferència de l'usuari a Moodle).
[[Fitxer:EditorTinyMCE Eines.png|dreta|174x174px]]


# Subratllar i Ratllar.
===== Eines =====
# Aplicar format de subíndex i superíndex.
* Codi font. Canvia a la visualització de l'espai d'edició a codi font html.
# Alinear text a l’esquerra, centrat o a la dreta.
* Recompte de paraules
# Sagnar el text.
* Revisor d'accessibilitat. Passa un revisor d'accessibilitat en el contingut i en dona un resultat.
# Obrir l’editor d’equacions.
* Gestor de fitxers (Media manager). Permet penjar fitxers que després poden ser inserits en el contingut.
# Inserir un caràcter especial.
# Inserir taula.
# Netejar fons.
# Desfer/Refer.
# Activar el revisor d’accessibilitat.
# Activar l’ajuda de lector de pantalla.
# Crear una reunió de MS Teams.
# Canviar l’idioma.
# Fer servir la vista de codi HTML.[[Fitxer:Image4.3.png|center|miniatura|666x666px]]
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 =====
===== Taula =====
[[Fitxer:Image4.1.png|center|miniatura|706x706px]]
[[Fitxer:EditorTinyMCE_Taula.png|dreta|218x218px]]
A continuació, detallem quines són les icones que funcionen sobre una selecció de text.
* Taula. Permet inserir una taula, seleccionant visualment el nombre de fileres i columnes.
* Cel·la. Permet editar les característiques de la cel·la on hi ha el cursor (mida, alineació, vora...). Si tenim més d'una cel·la seleccionada es poden fusionar. Si seleccionem cel·les fusionades, es poden separar.
* Fila. Permet editar les característiques de la filera seleccionada, afegir-ne i retallar-les/enganxar-les.
* Columna. Permet editar les característiques de la columna seleccionada, afegir-ne i retallar-les/enganxar-les.
* Propietats de la taula. Mostra les característiques de la taula i permet modificar-les.
* Suprimeix la taula


# Desplegar totes les icones de l’editor ATTO.
==== Botons del TinyMCE ====
# Aplicar un estil de text o paràgraf.
[[Fitxer:VistaGeneralIconesEditorTinyMCE.png|center|miniatura|732x732px]]
# Canviar la lletra a Negreta o Cursiva
Totes les opcions accessibles des de lles barres de botons estan també disponibles en algun dels menús.
# Escollir tipografia. Hi ha sis tipografies disponibles per defecte.
# 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.
# Fer una llista per punts o numerada.


===== Afegir o suprimir un enllaç =====
#Desfés
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:
# Refés
[[Fitxer:Image4.4.png|center|miniatura|533x533px]]
# Negreta
# Cursiva
# Color de text
# Color de fons
# Multilang
# Inserir una imatge
# Inserir un vídeo
# Enregistrar un àudio
# Enregistrar un vídeo
# Genérico
# Inserir un H5P
# Enllaçar
# Desenllaçar
# Inserir un recurs de Medial
# Visualitzar el resultat de l'edició que s'està fent
# Canviar a visualització de pantalla completa
# Alinear a l'esquerra
# Alinear al centre
# Alinear a la dreta
# Canviar l'alineació d'esquerra a dreta
# Canviar l'alineació de dreta a esquerra
# Augmentar el sagnat (cap a la dreta)
# Disminuir el sagnat (cap a l'esquerra)
# Llista de pics
# Llista numerada
# Editor d'equacions


Llavors apareixerà una finestra per enganxar l’enllaç desitjat.
Al peu de la caixa de contingut (29) es pot veure l'etiqueta html on tenim el cursor.
[[Fitxer:Image4.5.png|center|miniatura|363x363px]]


==== Inserir elements no textuals ====


Finalment, si ho hem fet bé les lletres del text apareixeràn de color granat, com a la imatge següent:
===== Imatge =====
[[Fitxer:Image4.6.png|center|miniatura|274x274px]]
El primer que es carrega quan es selecciona l'opció d'inserir una imatge és una finestra on es permet arrossegar un fitxer d'imatge (1), posar la URL si aquesta està en línia (2) o navegar pels repositoris (3).


===== Inserir un document MS Word i altres elements multimèdia =====
Si arrosseguem un fitxer d'imatge, podem eliminar-la per tornar a començar (1), marcar si només és decorativa (2), indicar si la volem en la seva mida original (3), si en volem fixar una mida determinada (4), mantenint o no les proporcions (5) i posar una descripció de la imatge per seguir criteris d'accessibilitat (6). poden fixar les mides de la imatge (5), marcant o no si es mantinguin les proporcions (6) i se'n pot indicar l'alineació respecte al text que rodejarà la imatge (7). Per finalitzar, cal clicar el botó ''Desa imatge'' (7).
Tot seguit, t’expliquem com funcionen les icones 8, 9, 10 i 12 marcades en groc a la imatge següent.
[[Fitxer:InserirImatgeEditorTinyMCE-2.png|center|miniatura|445x445px]]
[[Fitxer:Image4.1.png|center|miniatura|706x706px]]
===== Multimèdia =====
Pot ser un recurs en línia o bé un recurs que es penjarà a l'aula Moodle.


Si es tracta d'un recurs per enllaçar, si està en línia, cal posar la URL (1) i sinó buscar-lo entre els repositoris (2). Cal afegir el nom (3) i confirmar (4).
[[Fitxer:InsertMediaEditorTinyMCE.png|center|miniatura|520x520px]]
Si es vol penjar un vídeo (1) o un àudio (2), els camps per completar són els mateixos. Podem també subministrar la URL (3) o navegar pels repositoris (4). En aquest cas, a més, hi ha tota una sèrie de característiques de reproducció que es poden configurar (5). Cal confirmar la inserció per acabar el procés (6).
[[Fitxer:InsertAudioVideoEditorTinyMCE-marques.png|center|miniatura|565x565px]]


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:
[[Fitxer:Image4.7.png|center|miniatura|389x389px]]




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.
===== Selector de fitxers =====
[[Fitxer:Image4.8.png|center|miniatura|396x396px]]
En tots els casos, els espais de repositori des d'on es poden seleccionar fitxers són:
[[Fitxer:SelectorFitxersEditorTinyMCE.png|center|miniatura|490x490px]]
1. Fitxers incrustats. Només hi trobarem els fitxers penjats prèviament amb el Gestor de fitxers (Media manager).


2. Fitxers del servidor: aquells que ja tenim penjats en algun espai de Moodle.


3. Fitxers recents: els darrers fitxers que hem penjat.


4. Penjar un fitxer. Si triem aquesta opció, haurem de triar un fitxer (5) de l'ordinador local.


6. Baixador d'URL


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


La icona Gestiona fitxers (10) serveix per carregar elements, que posteriorment podràs seleccionar al servidor amb el Selector de fitxers.
8. Banc de contingut. Aquí trobarem els fitxers H5P, tant els que tinguem en el banc de contingut d'aquesta aula com els que tinguem en altres espais del mateix Moodle on estem treballant.
[[Fitxer:Image4.9.png|center|miniatura|397x397px]]


=== Altres informacions i ajudes d'interès ===
=== 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:
Per a informació més detallada de com funciona l’editor TinyMCE de Moodle, consulta:
* Pàgina oficial de Moodle: https://docs.moodle.org/all/es/Editor_Atto (en espanyol)
* Pàgina oficial de Moodle: [https://docs.moodle.org/all/es/Editor TinyMCE Editor TinyMCE - MoodleDocs] (mig en espanyol, mig en anglès)
* Web de recursos de la URV: https://moodle.urv.cat/wiki/ATTO (en català)
* Web de recursos de la URV: [http://docs.campusvirtual.urv.cat/wiki/Editor TinyMCE Editor TinyMCE - Campus Virtual URV - Ajuda] (en català)

Revisió de 15:18, 3 oct 2024

Moodle: usos

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. 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 l’usuari a incorporar contingut en qualsevol caixa de text de l'aula Moodle. 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.

Per què aquest canvi? ATTO és un projecte intern de Moodle, que finalment han decidit abandonar. Optar per una eina de creació externa com ara TinyMCE pot ser una bona aposta, especialment si es tracta d'una eina potent amb actualitzacions i millores freqüents, com és el cas de TinyMCE. Per fer edicions senzilles els dos entorns se semblen molt, però en realitat TinyMCE és molt més estable i funcional. És una excel·lent aposta!

Què podem fer

Estructura de l'editor TinyMCE

Totes les opcions d'edició que permet TinyMCE estan agrupades en menús (1) en la seva part superior.

Hi ha una segona filera que mostra els botons de les funcionalitats que es consideren més utilitzades (2) i 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, i s'inclouen enllaços, entre d'altres opcions. Podem donar format a un text, a partir de les opcions de menú o de les icones.

VistaGeneralEditorTinyMCE.png

Menús de l'editor TinyMCE

Cada opció inclosa en els menús de l'editor té una icona representativa, que és la mateixa que apareix en la barra de botons.

Edita
EditorTinyMCE MenuEdita.png

El menú Edita conté les següents opcions:

  • Desfés
  • Refés
  • Retalla
  • Copia
  • Enganxa
  • Enganxa com a text (és a dir, sense format)
  • Selecciona-ho tot
  • Cerca i reemplaça...
Visualitza
EditorTinyMCE MenuVisualitza.png

El menú Visualitza conté:

  • Codi font. Canvia a la visualització de l'espai d'edició de codi font html.
  • Assistència visual. Per mostrar, per exemple, una línia discontínua de vora de taula si no té amplada.
  • Mostra els caràcters invisibles. Per exemple, un espai no divisible.
  • Mostra els blocs. Mostra la separació de l'espai d'edició en elements de bloc HTML, com ara paràgrafs. Per tornar a la visualització anterior, cal clicar la mateixa icona de nou.
  • Pantalla completa. Canvia la visualització de l'espai d'edició a pantalla completa. Si es clica la mateixa icona de nou, torna a la visualització anterior.
  • Previsualització. Permet veure el resultat del que estem editant sense haver de desar.
Insereix
EditorTinyMCE MenuInsereix.png

En l'apartat Inserir un fitxer d'aquesta mateixa pàgina s'explica com fer aquesta acció per a imatges, multimèdia, i H5P.

  • Imatge
  • Enllaç
  • Multimèdia
  • Enregistrar un àudio. Si l'àudio és voluminós, suggerim penjar-lo a Medial i inserir-lo a través de la icona de Medial.
  • Enregistrar un vídeo. Si el vídeo és voluminós, suggerim penjar-lo a Medial i inserir-lo a través de la icona de Medial.
  • Mostra de codi... Permet inserir un fragment de codi html/xml, JavaScript, CSS, PHP, entre altres.
  • Taula. S'obre una finestra emergent que permet seleccionar el nombre de fileres i columnes de la taula. Aquesta es podrà editar amb les opcions del menú Taula.
  • Caràcter especial
  • Emojis...
  • Línia horitzontal
  • Salt de pàgina
  • Espai no separable
  • Àncora...
  • Data/hora. S'insereix la data/hora del moment de l'edició i permet triar-ne el format.
  • Editor d'equacions. S'obre una finestra emergent que permet fer equacions a partir d'operadors, fletxes, símbols grecs i d'altres.
  • Genérico Widgets. A la UVic tenim generats uns fragments amb format especial que permeten inserir uns títols destacats. Pot ser útil per afegir una subsecció visual.
  • Contingut H5P
  • Vídeo de Medial. Inserir un vídeo que tinguem allotjat a Medial (el gestor de vídeos de la UVic).
Format
EditorTinyMCE Format.png

Es pot seleccionar un text i aplicar-li un dels següents formats o bé clicar la icona corresponent, escriure el text i tornar a clicar a la icona per indicar que en aquell punt es finalitza aquell format.

  • Negreta
  • Cursiva
  • Subratllat
  • Barrat
  • Superíndex
  • Subíndex
  • Codi
  • Blocs. Serveix per aplicar els formats de capçaleres/títols i altres tipus de paràgraf..
  • Alinea: esquerra, centre o dreta.
  • Alçada de la ínia: interlineat.
  • Suprimeix el format. Elimina el format de la selecció.
  • Color de text
  • Color de fons
  • Idioma. Permet introduir etiquetes de multilang per fer textos multilingües (es mostraran en un o altre idioma segons la preferència de l'usuari a Moodle).
EditorTinyMCE Eines.png
Eines
  • Codi font. Canvia a la visualització de l'espai d'edició a codi font html.
  • Recompte de paraules
  • Revisor d'accessibilitat. Passa un revisor d'accessibilitat en el contingut i en dona un resultat.
  • Gestor de fitxers (Media manager). Permet penjar fitxers que després poden ser inserits en el contingut.
Taula
EditorTinyMCE Taula.png
  • Taula. Permet inserir una taula, seleccionant visualment el nombre de fileres i columnes.
  • Cel·la. Permet editar les característiques de la cel·la on hi ha el cursor (mida, alineació, vora...). Si tenim més d'una cel·la seleccionada es poden fusionar. Si seleccionem cel·les fusionades, es poden separar.
  • Fila. Permet editar les característiques de la filera seleccionada, afegir-ne i retallar-les/enganxar-les.
  • Columna. Permet editar les característiques de la columna seleccionada, afegir-ne i retallar-les/enganxar-les.
  • Propietats de la taula. Mostra les característiques de la taula i permet modificar-les.
  • Suprimeix la taula

Botons del TinyMCE

VistaGeneralIconesEditorTinyMCE.png

Totes les opcions accessibles des de lles barres de botons estan també disponibles en algun dels menús.

  1. Desfés
  2. Refés
  3. Negreta
  4. Cursiva
  5. Color de text
  6. Color de fons
  7. Multilang
  8. Inserir una imatge
  9. Inserir un vídeo
  10. Enregistrar un àudio
  11. Enregistrar un vídeo
  12. Genérico
  13. Inserir un H5P
  14. Enllaçar
  15. Desenllaçar
  16. Inserir un recurs de Medial
  17. Visualitzar el resultat de l'edició que s'està fent
  18. Canviar a visualització de pantalla completa
  19. Alinear a l'esquerra
  20. Alinear al centre
  21. Alinear a la dreta
  22. Canviar l'alineació d'esquerra a dreta
  23. Canviar l'alineació de dreta a esquerra
  24. Augmentar el sagnat (cap a la dreta)
  25. Disminuir el sagnat (cap a l'esquerra)
  26. Llista de pics
  27. Llista numerada
  28. Editor d'equacions

Al peu de la caixa de contingut (29) es pot veure l'etiqueta html on tenim el cursor.

Inserir elements no textuals

Imatge

El primer que es carrega quan es selecciona l'opció d'inserir una imatge és una finestra on es permet arrossegar un fitxer d'imatge (1), posar la URL si aquesta està en línia (2) o navegar pels repositoris (3).

Si arrosseguem un fitxer d'imatge, podem eliminar-la per tornar a començar (1), marcar si només és decorativa (2), indicar si la volem en la seva mida original (3), si en volem fixar una mida determinada (4), mantenint o no les proporcions (5) i posar una descripció de la imatge per seguir criteris d'accessibilitat (6). poden fixar les mides de la imatge (5), marcant o no si es mantinguin les proporcions (6) i se'n pot indicar l'alineació respecte al text que rodejarà la imatge (7). Per finalitzar, cal clicar el botó Desa imatge (7).

InserirImatgeEditorTinyMCE-2.png
Multimèdia

Pot ser un recurs en línia o bé un recurs que es penjarà a l'aula Moodle.

Si es tracta d'un recurs per enllaçar, si està en línia, cal posar la URL (1) i sinó buscar-lo entre els repositoris (2). Cal afegir el nom (3) i confirmar (4).

InsertMediaEditorTinyMCE.png

Si es vol penjar un vídeo (1) o un àudio (2), els camps per completar són els mateixos. Podem també subministrar la URL (3) o navegar pels repositoris (4). En aquest cas, a més, hi ha tota una sèrie de característiques de reproducció que es poden configurar (5). Cal confirmar la inserció per acabar el procés (6).

InsertAudioVideoEditorTinyMCE-marques.png


Selector de fitxers

En tots els casos, els espais de repositori des d'on es poden seleccionar fitxers són:

SelectorFitxersEditorTinyMCE.png

1. Fitxers incrustats. Només hi trobarem els fitxers penjats prèviament amb el Gestor de fitxers (Media manager).

2. Fitxers del servidor: aquells que ja tenim penjats en algun espai de Moodle.

3. Fitxers recents: els darrers fitxers que hem penjat.

4. Penjar un fitxer. Si triem aquesta opció, haurem de triar un fitxer (5) de l'ordinador local.

6. Baixador d'URL

7. Wikimèdia

8. Banc de contingut. Aquí trobarem els fitxers H5P, tant els que tinguem en el banc de contingut d'aquesta aula com els que tinguem en altres espais del mateix Moodle on estem treballant.

Altres informacions i ajudes d'interès

Per a informació més detallada de com funciona l’editor TinyMCE de Moodle, consulta:

Obtingut de «https://recursosdocents.uvic.cat/index.php?title=Editor_TinyMCE&oldid=4032»