El estilo que se cargue en eXeLearning lleva todos los elementos de HTML incluidos.
No hace falta que modifiques tamaños de letra, ni escoger fuentes. Tu labor de editor de contenido es "simplemente" redactar y añadir los elementos gráficos que consideres adecuados para lograr tus objetivos de una forma ordenada, concisa y atractiva.

El editor de eXeLearning es del tipo WYSIWYNG, lo que estás editando es tal como se va a visualizar. Te despreocupas del código HTML.
Aún así tienes la posibilidad de ver el código fuente y trabajar sobre él.

• Si necesitas títulos dentro del texto utiliza en el editor la opción de Encabezado 2, Encabezado 3, Encabezado 4...  (el Encabezado 1 está reservado para el título principal del tema  y no se puede repetir)  o usa las etiquetas <h2>, <h3>, <h4>... en el HTML.
• Por lo general hay que preservar la jerarquía de los encabezados, es decir no puede existir un Encabezado 4 si previamente no hay un Encabezado 3 y nunca un encabezado inferior puede contener un encabezado superior.
• El contenido se estructura en párrafos. No debes crear saltos de línea o párrafos vacíos <p>&nbsp;</p> para adecuar visualmente el texto. El estilo ya proporciona el interlineaje y la distancia necesarias para una clara división entre elementos
• NO utilices el color para transmitir significado o importancia. Se trata de una norma de accesibilidad: los usuarios con problemas en la distinción cromática y los lectores de pantalla no se percatan de las variaciones de color, por lo que las variaciones en los colores no deben ser el canal único de proporcionar información.
• Procura no utilizar el subrayado, puede confundirse con un hipervínculo

Cortar y pegar

Como en todo editor de texto tienes a tu disposición los comandos de cortar, copiar y pegar. Pero en eXeLearning tienes dos formas de pegar texto desde otra fuente:

• Pegado normal con formato : conserva todas las características del origen (negrita, cursiva, enlaces...) el inconveniente es que también puede arrastrar código oculto, en ocasiones muy sucio como el proveniente de Microsoft ^® Word que entra en conflicto con el estilo del documento y ocasionar problemas para su edición
• Pegado sin formato : El texto se trata como texto plano, sin negritas, cursivas, enlaces.... Este es la forma que tenemos que utilizar para evitar código basura y problemas con el código. Tiene el inconveniente de tener que aplicar a posteriori el formato.

Efectos web

También puedes aplicar efectos web avanzados  : acordeón, pestañas, paginación, carrusel y línea de tiempo.
Por motivos de accesibilidad no tenemos que abusar de este recurso y nos limitaremos a ACORDEÓN como efecto preferente y PESTAÑAS como secundario. Su formato también está incluido en la hoja de estilo.

Se usará siempre dentro del contenido principal del tema, en el iDevice Texto que no va colapsado. Incluirlo dentro de un PARA SABER MÁS, RESUMEN (al final de página) conlleva un contenido plegado dentro de otro también plegado.

Para aplicar otros elementos: recuadros resaltados...  tienes que utilizar la opción Editar atributos del menú Editar.
Los elementos que hay disponibles son:

bua_definición

bua_ejemplo

bua_importante

Para ello, una vez redactado el contenido, selecciona el texto con el cursor y aplica el atributo (definición / ejemplo / importante).

Estas clases sólo se aplica a un párrafo de texto <p>.  De otra forma, lo que hace eXeLearning es duplicar el cuadro en cada párrafo / elemento o, en las últimas versiones, borrarlo directamente.

 Para evitarlo, en el caso de que quieras aplicar el resaltado en varios párrafos o incluyas imágenes en el mismo, tienes que editar a mano el código e incluir un bloque <div> que englobe todo lo que quieras enfatizar.

El código quedaría de este modo:

<div class="bua_definicion"> //Elemento que tienes que poner a mano
    <p>  
       PÁRRAFO 1 o IMAGEN
    </p>
    <p>  
       PÁRRAFO 2 o IMAGEN...
    </p>
</div>  //Cerramos el elemento

En el caso de las tablas, insértalas con normalidad por medio de su icono , indica el número de filas y columnas, cuál es la fila de encabezado y rellénala con los datos correspondientes. A continuación, selecciónala toda y elimina sus atributos, dejando tan solo la alineación central

Dispones de 2 tipos de tablas, según tenga el encabezamiento en la fila superior o en la columna lateral:

1. bua_tabla_horizontal

2. bua_tabla_vertical

Todas las tablas de los materiales comparten estas características:

• Las tablas, por defecto están diseñadas para presentar un resaltado de color si posicionamos el puntero en una determinada fila, con el fin de facilitar su lectura en caso de presentar muchos datos. Se trata del atributo :hover que puede se deshabilitado en el estilo.
• El ancho de la tabla siempre es el 80% de la totalidad de la página web, para darle consistencia. Si precisas un ancho más pequeño, procura hacerlo relativo en % (nunca valores absolutos en px)
• La disposición vertical del contenido, dentro de una celda, es siempre en la parte superior (en código vertical-align:top)

Este es un proyecto con todos los elementos de html que se pueden emplear para ver cómo quedan. Utilízalo para hacer pruebas si lo necesitas.
Recuerda que tienes que implementarlo con el estilo que estés utilizando para ver todos los efectos.

Este otro proyecto esta vacío, tan solo tiene unos cuantos iDevice de texto en diferentes páginas. Se utiliza para las prácticas en los cursos de eXeLearning de la Biblioteca.