Joomla · Ejercicio, escribir código HTML con TinyMCE

Estoy utilizando la versión 2.5.7 Stable. He comenzado a crear un artículo sencillo, añadiendo una imagen. No he instalado ningún editor, uso el que viene por defecto, TinyMCE 3.5.4.1. El primer ejercicio ha sido añadir una imagen al artículo, esta operación es muy sencilla, sólo hay que seleccionar la imagen o subirla, si no está en el repositorio y pulsar "Insertar". El resultado puede verse en la figura:

Aquí se puede ver como queda la página que va a ver el usuario.

Al insertar una imagen, Joomla escribe automáticamente el código HTML necesario. Nosotros sólo vemos la apariencia final. Si queremos ver el código de la página, sólo hay que pulsar el botón "Toggle editor". En la siguiente imagen puede verse el código asociado del artículo de arriba:

Aquí trabajamos con el editor en modo código.

En la primera línea se abre un párrafo y se inserta el texto "Pruebas". En la segunda se escribe el código necesario para mostrar una imagen. Justo debajo hay dos líneas más que insertan dos párrafos.

Como ejercicio, añade la etiqueta necesaria para dibujar una línea horizontal "hr" y observa lo que ocurre cuando vuelves al modo de edición normal. Añade también algún texto al final resaltándolo en negrita con la etiqueta "strong". Acuérdate de cerrar la etiqueta después del texto..

En este ejercicio hemos modificado el contenido de un artículo en Joomla, usando el editor TinyMCE, en modo normal y en vista de código, muy útil para escribir directamente código HTML.