Cómo cambiar los colores con GeSHi en Joomla

GeSHi es un marcador de código utilizado para mostrar y compartir código de programación en los artículos y en los tablones de anuncios. Esto permite la visualización de código de programación en un artículo y mantiene Joomla de interpretarlo como código y tratar de actuar sobre ella. GeSHi añade colores para el código que hacen que sea fácil de distinguir las diferentes partes. Un ejemplo es mostrar los comentarios en un color diferente de todo lo demás. Joomla ha incluido GeSHi desde la versión 1.0 como un plug-in. GeSHi es un acrónimo para Generic Syntax Highlighter y puede mostrar muchos lenguajes de programación.

Instrucciones

1 Haga clic en "Plug-in Manager" en el menú "Extensiones" en el administrador de back-end de Joomla. El gestor de plug-in se cargará y mostrará una lista de plug-ins para la edición.

2 Encuentra el plug-in llamado "Contenido - Código de resaltado (GeSHi)" y haga clic en él. Joomla se cargará la forma de plug-in para su edición. Haga clic en la casilla "Sí" selección junto a "Enabled" y haga clic en "Guardar" en el menú superior derecho.

3 Haga clic en "Usuarios" en el menú "Sitio", busque el nombre de usuario y haga clic en él. El formulario para la edición de un usuario se puede cargar. Seleccione "No Editor" de la lista desplegable en la sección de parámetros en el lado derecho de la página. Haga clic en "Guardar" en el menú superior derecho.

4 Haga clic en "Gestor de artículos" en el menú "Contenido". Haga clic en "Nuevo" y Joomla creará un nuevo artículo. Dar al artículo un nombre en el campo de texto "Título" y seleccionar una sección y categoría para el artículo de las listas desplegables.

5 Pegar el código de programación que desea visualizar en el artículo en el área de texto del artículo. Añadir la etiqueta HTML <pre> para la parte superior del código de programación utilizando la siguiente sintaxis y sustituyendo el lenguaje de programación correcta para el lenguaje {}.

<? Xml pre: {idioma}>

Para mostrar el código HTML, usar la etiqueta pre como este.

<? Xml pre: html>

6 Añadir la etiqueta de cierre al final del código de la siguiente manera:

</ Pre>

Se señala el final del código para el plug-in GeSHi.

7 Haga clic en "Guardar" para guardar el artículo. Publicar el artículo a través de su sistema de menús y visualizarla. El GeSHi plug-in mostrará el código con el resalte para ese idioma.

Consejos y advertencias

• Debe utilizar la opción "No Editor" para la introducción de un artículo como este. El editor TinyMCE añadirá su propio código para el artículo para darle formato. Utilice siempre la opción "No Editor" para modificar el artículo en una fecha posterior.