TinyMCE es el editor de texto WYSIWYG para HTML de código abierto utilizado en eXeLearning. Su versión simplificada es la que aparece por defecto en eXeLearning.

Si deseamos que se muestren más utilidades deberemos hacer clic en el botónmontrándonos este nuevo aspecto:

A continuación te mostraremos las capacidades de edición que presenta.

Herramientas del editor

Menú principal

En el menú principal del editor de textos, encontraremos todas las funcionalidades que no se encontrarán en los iconos de las filas inferiores.

Editar

editar

Insertar

insertar

Formato

formato

Tabla

tabla

Utilidades

menú principal

Primera fila

En la primera fila encontraremos las herramientas necesarias para la edición de los textos, negritas, tipos de textos y color.

Retroalimentación

Podremos seleccionar palabras con el ratón y luego aplicarles el formato haciendo clic en el icono del editor o por el contrario, seleccionar el formato en el editor y escribir (se nos mantendrá el formato seleccionado).

Opciones:

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

Formato: nos permite utilizar diferentes estilos en el proyecto. Si no se especifica el estilo de la fuente, vendrá determinado por el estilo que se haya seleccionado.
Tamaño de la fuente. si no se especifica el tamaño de la fuente, vendrá determinado por el estilo que se haya seleccionado.
Tipo de letra. si no especificamos ninguno, se utilizará el tipo de letra del estilo seleccionado.

Color del texto o color de fondo. Pulsando sobre las pequeñas flechas a la derecha de los iconos, podemos seleccionar el color del texto o el color del fondo.

Segunda fila

En esta fila nos encontraremos los elementos fundamentales para formatear textos e insertar listas, enlaces, sangrías y citas. Además los botones de despejar y añadir un párrafo al final nos serán de mucha utilidad cuando usemos el editor de una manera avanzada.

Retroalimentación

Su funcionamiento es similar al de cualquier procesador de textos.

Opciones:

Alineación: nos permite la alineación de un párrafo a la izquierda, centrado, a la derecha o justificado.

Despejar: fuerza un salto de línea.

Párrafo al final: añade un párrafo al final del cuadro de texto (saber más).

Listas: nos facilita la creación de listas con viñetas (círculo, disco y cuadrado) y ordenadas (alfabeto y numérico).

Listas de definiciones: nos permite crear un listado de términos o conceptos en el cual la definición o explicación de los mismos se encuentra oculta. Podremos visualizar cada definición o explicación haciendo clic en la definición o utilizando el icono + para mostrarlas todas a la vez (saber más).

Insertar / quitar hipervínculo: nos permite enlazar (o quitar un enlace) de una página Web (por ejemplo eXe Learning) o de un fichero (saber más).

Sangría: nos permite el desplazamiento de párrafos completos aumentando o disminuyendo la sangría.

Cita y cita con autoría: nos permite una vez seleccionado un párrafo, mostrarlo como una cita. Cita con autoría hará, dependiendo del estilo, un efecto de sangrado a la derecha e izquierda (saber más).

Tercera fila

En la última fila nos encontraremos las herramientas necesarias para la inclusión de textos de otras procedencias, códigos, efectos y elementos multimedia.

Retroalimentación

El editor de eXeLearning facilita la introducción de textos, efectos y elementos multimedia. Los efectos incluidos en el editor harán los contenidos más dinámicos.

Opciones:

Deshacer / Rehacer: nos permite deshacer (Ctrl + Z) o rehacer (Ctrl + Y) el último cambio realizado.

Cortar / Copiar: cortar nos permite cortar (Ctrl + X) el texto seleccionado (que desaparece) para posteriormente pegarlo. La opción de copiar nos permitirá copiar el texto seleccionado en el portapapeles.

Pegar / Pegar texto sin formato: nos permite pegar texto copiado en la web o en un documento de texto. Desde al versión 2.6 está activada la opción Pegar sin formato.

Embeber código: permite embeber código HTML (saber más).

Código como texto: útil para pegar código como texto. También permite resaltar automáticamente la sintaxis de diferentes lenguajes de programación (saber más).

Marcado matemático: nos permite introducir fórmulas en LATEX. En este sitio web de Juan José de Haro podemos ver cómo exportar las fórmulas de LibreOffice para poder reutilizarlas en eXeLearning.

Bocadillos: nos permite introducir bocadillos o tooltips (saber más).

Ventana de diálogo: nos da la opción de introducir una ventana con información adicional

Efectos: nos permite crear varios efectos en nuestros contenidos: acordeón, pestañas, paginación, carrusel, línea de tiempo.

Insertar / editar imagen: facilita la inserción de imágenes (saber más).

Insertar / editar medio embebido: permite la inclusión de elementos multimedia, vídeos, audios, Youtube... (saber más).

Mapa mental: permite crear un mapa mental o mapa conceptual (saber más).

Grabadora: permite grabar e incluir directamente audios en el iDevice (saber más).

Notación musical ABC: introduce notación musical en formato ABC y visualiza la partitura generada. También permite escuchar el audio en un reproductor MIDI.

Editar código fuente HTML: editor avanzado de código HTML (saber más).

Pantalla completa: nos permite visualizar el contenido que estamos editando a tamaño de pantalla completa.

Ejemplo de ventana de diálogo

¡Ojo con lo que pegas!

En eXeLearning podremos pegar cualquier contenido textual de una web o documento cuya licencia nos lo permita. Sin embargo, y dadas las medidas de seguridad de nuestros navegadores, tendremos que utilizar las teclas Ctrl+V para pegar dicho contenido.

Para conseguir un resultado óptimo, deberemos tener en cuenta los botones de pegado de que disponemos y las diferencias que existen entre las distintas formas de pegar.

Nos permite pegar (Ctrl + V) del portapapeles el texto previamente copiado o cortado. Debemos tener en cuenta que en esta modalidad de pegado, copiaremos el código "basura" del documento original lo que podrá darnos problemas posteriormente a la hora de modificar el formato o texto pegado. Para limpiar este código, seleccionaremos el texto y utilizaremos la opción "Limpiar formato" del menú principal > Formato.

IMPORTANTE: se pegarán las imágenes copiadas utilizando la opción de pegado (Ctrl + V)

Pegar con / sin formato: esta modalidad de pegado es útil cuando copiamos (o cortamos) desde una página web y queremos pegar el texto pero NO los formatos y estilos de origen.

Por defecto, desde la 2.6 está activada al opción Pegar sin formato para evitar posibles fallos en el código. Si necesitamos pegar con formato puntualmente, podemos desactivar esta opción pulsando en el icono correspondiente. Recuerda que "Pegar sin formato" pega el texto pero no guarda los formatos, los enlaces ni los estilos de origen PERO te asegura que el texto que estás pegando es limpio desde el punto de vista de HTML. No te dará problemas si quieres darle formato o aplicar un estilo.