monitojoomla

Ampliar Área Editor en el Frontend

Domingo, 09 Enero 2011 | Escrito por Jhon Marreros Guzman

Detalles Tip - Nivel : Avanzado, Versión Joomla : 1.5.x, Formato : texto y video.
En este tip veremos cómo ampliar el área de edición de un artículo en el frontend, en algunas plantillas esta funcionalidad ya esta implementada, trabajamos con el template Ja_purity que no tiene esta funcionalidad.

En el siguiente video se muestra el proceso de ampliación del área del editor en el frontend

1- Creando la función y modificando el template

Esta función nos permite saber si me encuentro en modo de edición de un artículo y debe ser agregada al archivo index.php del template.

function isContentEdit() {
 return (JRequest::getCmd( 'option' )=='com_content' && JRequest::getCmd( 'view' ) == 'article' && (JRequest::getCmd( 'task' ) == 'edit' || JRequest::getCmd( 'layout' ) == 'form'));
}

Posteriormente modificamos el template, por ejemplo en el archivo index.php para la columna de la izquierda con id = "ja_col1"

<!-- BEGIN: LEFT COLUMN -->
 <div id="ja-col1" <?php if (isContentEdit()) echo "style='width:19.9%;'" ?>>
 <jdoc:include type="modules" name="left" style="xhtml" />
 </div><br />

2- Modificando el CSS

El CSS del template de ejemplo (ja_purity) se modificará teniendo en cuenta la siguiente gráfica, en donde se muestra los nombres de los ids y sus valores correspondientes de ancho, tanto antes como después.

3- Conclusión

Si tenemos un template que no tiene la funcionalidad de ampliarse cuando estamos editando un artículo, podemos modificarlo y brindar una mayor facilidad al usuario de disponer de más área de trabajo.

Comparte este post