Editor de texto

TinyMCE é o editor de texto WYSIWYG para HTML de código aberto utilizado en eXeLearning. A súa versión simplificada é a que aparece por defecto en eXeLearning.

Se desexamos que se mostren máis utilidades deberemos facer clic no botón ampliar

montrándonos este novo aspecto:

A continuación mostrarémoste as capacidades de edición que presenta.

Ferramentas do editor

Menú principal

No menú principal do editor de textos, atoparemos todas as funcionalidades que non se atoparán nas iconas das filas inferiores.

Modificar

editar

Insertar

insertar

Formato

formato

Táboa

tabla

Ferramentas

menú principal

Primeira fila

Na primeira fila atoparemos as ferramentas necesarias para a edición dos textos, negritas, tipos de textos e cor.

Retroalimentación

Poderemos seleccionar palabras co rato e logo aplicarlles o formato facendo clic na icona do editor ou pola contra, seleccionar o formato no editor e escribir (manterásenos o formato seleccionado).

Opcións:

Negrita ( Ctrl+ B), cursiva ( Ctrl+I).

Formato: permítenos utilizar diferentes estilos no proxecto. Se non se especifica o estilo da fonte, virá determinado polo estilo que se seleccionou.
Tamaño da fonte. se non se especifica o tamaño da fonte, virá determinado polo estilo que se seleccionou.
Tipo de letra. se non especificamos ningún, utilizarase o tipo de letra do estilo seleccionado.

Cor do texto ou cor de fondo. Pulsando sobre as pequenas frechas á dereita das iconas, podemos seleccionar a cor do texto ou a cor do fondo.

Segunda fila

Nesta fila atoparémonos os elementos fundamentais para formatar textos e inserir listas, ligazóns, sangrías e citas. Ademais os botóns de despexar e engadir un parágrafo ao final serannos de moita utilidade cando usemos o editor dunha maneira avanzada.

Retroalimentación

O seu funcionamento é similar ao de calquera procesador de textos.

Opcións:

Aliñación: permítenos a aliñación dun parágrafo á esquerda, centrado, á dereita ou xustificado.

Despexar: forza un salto de liña.

Parágrafo ao final: engade un parágrafo ao final do cadro de texto.

Listas: facilítanos a creación de listas con viñetas (círculo, disco e cadrado) e ordenadas (alfabeto e numérico).

Listas de definicións: permítenos crear unha listaxe de termos ou conceptos no cal a definición ou explicación dos mesmos atópase oculta. Poderemos visualizar cada definición ou explicación facendo clic na definición ou utilizando a icona + para mostralas todas á vez. Neste vídeo podemos ver como se crea.

Inserir / quitar hipervínculo: permítenos enlazar (ou quitar unha ligazón) dunha páxina Web (por exemplo eXeLearning) ou dun ficheiro. eXe dános a posibilidade de introducir un título para a ligazón e decidir se se verá na páxina actual ou nunha nova páxina.

Cedec. Crear unha ligazón (CC BY)

Sangría: permítenos o desprazamento de parágrafos completos aumentando ou diminuíndo a sangría.

Cita e cita con autoría: permítenos unha vez seleccionado un parágrafo, mostralo como unha cita (cita con autoría fará, dependendo do estilo, un efecto de sangrado á dereita e esquerda).

Terceira fila

Na última fila atoparémonos as ferramentas necesarias para a inclusión de textos doutras procedencias, códigos, efectos e elementos multimedia.

Retroalimentación

O editor de eXeLearning facilita a introdución de textos, efectos e elementos multimedia. Os efectos incluídos no editor farán os contidos máis dinámicos.

Opcións:

Desfacer / Refacer: permítenos desfacer (Ctrl + Z) ou refacer (Ctrl + E) o último cambio realizado.

Cortar / Copiar: cortar permítenos cortar (Ctrl + X) o texto seleccionado (que desaparece) para posteriormente pegalo. A opción de copiar permitiranos copiar o texto seleccionado no portapapeles.

Pegar / Pegar texto sen formato: permítenos pegar texto copiado na web ou nun documento de texto.

Embeber código: permite embeber código HTML.

Código como texto: útil para pegar código como texto. Tamén permite resaltar automaticamente a sintaxe de diferentes linguaxes de programación.

Marcado matemático: permítenos introducir fórmulas en LATEX.

Bocadillos: permítenos introducir

Ventá de diálogo: dános a opción de introducir unha xanela con información adicional

Efectos: permítenos crear varios efectos nos nosos contidos, acordeón, pestanas, ...

Inserir / editar imaxe: facilita a inserción de imaxes. Pestanas:

Xeral: permite introducir unha imaxe mediante unha URL ou co arquivo da mesma e a súa previsualización. Por cuestións de accesibilidade, será recomendable introducir a "Descrición da imaxe" e un "Título".
Avanzado: aliñacións e estilos.
Título e recoñecemento: permítenos referenciar a autoría, procedencia e licenza da imaxe.

Cedec. Inserir unha imaxe (CC BY)

Inserir / editar medio embebido: permite a inclusión de elementos multimedia, vídeos, audios, Youtube... Podemos atopar exemplos concretos de como inserir materiais de SlideShare, ISUU, Scratch, documento de Drive, etc. neste apartado do manual exe 2.0.

Xeneral: permite introducir un elemento multimedia mediante unha URL ou co arquivo da mesma, indicando tipo de elemento, proporcións e outras opcións de reprodución.
Código: permite a inserción dun elemento multimedia publicado noutra plataforma mediante o código ofrecido pola mesma.
Título e recoñecemento: permítenos referenciar a autoría, procedencia e licenza do vídeo.
Atributos: permite modificar o formato mediante código.

Cedec. Inserir un vídeo (CC BY)

Notación musical ABC: introduce notación musical en formato ABC e visualiza a partitura xerada. Tamén permite escoitar o audio nun reprodutor MIDI.

Editar código fonte HTML: editor avanzado de código HTML.

Pantalla completa: permítenos visualizar o contido que estamos a editar a tamaño de pantalla completa.

Exemplo de xanela de diálogo

Coidado co que pegas!

En eXeLearning poderemos pegar calquera contido textual dunha web ou documento cuxa licencia permítanolo. Con todo, e dadas as medidas de seguridade dos nosos navegadores, teremos que utilizar as teclas Ctrl+V para pegar o devandito contido.

Para conseguir un resultado óptimo, deberemos ter en conta os botóns de pegado de que dispoñemos e as diferenzas que existen entre as distintas formas de pegar.

Permítenos pegar (Ctrl + V) do portapapeles o texto previamente copiado ou cortado. Debemos ter en conta que nesta modalidade de pegado, copiaremos o código "lixo" do documento orixinal o que poderá darnos problemas posteriormente á hora de modificar o formato ou texto pegado. Para limpar este código, seleccionaremos o texto e utilizaremos a opción "Limpar formato" do menú principal > Formato.

IMPORTANTE: pegaranse as imaxes copiadas utilizando a opción de pegado (Ctrl + V)

Pegar con / sen formato: esta modalidade de pegado é útil cando copiamos (ou cortamos) desde unha páxina web e queremos pegar o texto pero NON os formatos e estilos de orixe.

Faremos unha pequena práctica para observar as diferenzas.

Pegar con / sen formato.

Abre o arquivo omeuarquivo2. elp que creaches na actividade anterior (podes facer dobre clic sobre el)
Crea un iDevice "Texto libre" no nodo "Formatamos texto"
Copia ( Ctrl+ C) os tres parágrafos de texto desta web: Disartria
Fai clic na icona "Pegar con / sen formato"no campo de texto do iDevice. Unha vez terminado, faremos clic no botón para ver o resultado
Garda os cambios. (Arquivo > Gardar)

Pegar.

Abre o arquivo omeuarquivo2.elp que creaches na actividade anterior (podes facer dobre clic sobre el)
Crea un iDevice "Texto libre" no nodo "Formatamos texto"
Copia ( Ctrl+ C) os tres parágrafos de texto desta web: Disartria
Pega no campo de texto do iDevice utilizando as teclas Ctrl+V. Unha vez terminado faremos clic no botón para ver o resultado
Garda os cambios. (Arquivo > Gardar)

Licenciado baixo a Licenza Creative Commons Recoñecemento Compartir igual 4.0