Sin dudas que JCE es el editor más completo, pero también es el más "pesado", FCK no tiene tantas funcionalidades pero es más liviano y TinyMCE podríamos decir que es el más "liviano" de todos pero con pocas características, además JCE está basado en él.

A continuación veremos cómo incorporar el plugin iBrowser en los editores TinyMCE y FCK para Joomla.

Este minituto fue publicado y ha sido realizado gracias a un pedido del amigo Lorenzo (www.solojoomla.com, el mejor sitio de Joomla en español) sin cuyo apoyo y solicitud esto no hubiese ocurrido.

Como implementar o adaptar el plugin iBrowser de Net4visions para que funcione en Joomla con el editor que trae el CMS: TinyMCE.

{definitionbot=disable}1- Lo primero que hay que hacer es descargarse el plugin desde aquí. Luego descompactar el archivo y subir la carpeta ibrowser completa en la ruta: "raízJoomla/plugins/editors/tinymce/jscripts/tiny_mce/plugins" (hay una carpeta __MACOSX, ignórenla).

2- Accedemos a la carpeta del plugin recién subido y vamos a la subcarpeta "config" y abrimos el archivo "config.inc.php".
En la línea 26 cambiaremos el idioma y deberá quedar así:

$cfg['lang']           = 'es';    

El bloque de código desde la línea 95 a la 105 nos deberá quedar de esta forma:

// use static image libraries
$cfg['ilibs'] = array (
// image library path with slashes; absolute to root directory - please make sure that the directories have write permissions
array (
'value'       => '/images/stories/',
'text'        => 'Carpeta de Imagenes',
),
array (
'value'       => '/images/stories/',
'text'        => 'Galeria',
),
);

Si observarmos en "value" de ambos arrays nos daremos cuenta que estamos indicándole la ruta en donde vamos a subir los archivos y el texto que deberá mostrar el plugin. Pueden poner la carpeta que quieran, siempre con permisos, al menos 755.

Asimismo, la línea 109 del archivo deberá quedarnos así:

$cfg['ilibs_dir']        = array('/images/stories/'); 

Con esto le indicamos a dónde están las imágenes a la librería del plugin.
Guardamos y eso es todo en cuanto al plugin en sí.

3- Vamos a corregir ahora el archivo XML de TinyMCE de manera que podamos habilitar o deshablitar el plugin desde el backend cuando queramos. Abrimos el archivo "tinymce.xml" ubicado en "raízJoomla/plugins/editors". En la línea 94 veremos algo como esto:

<param name="@spacer" type="spacer" default="Params Extended Mode" label="" description="" />

Justamente debajo agregaremos estas:

<param name="ibrowser" type="radio"
default="1" label="IBrowser" description="PARAMIBROWSER">
<option value="0">Hide</option>
<option value="1">Show</option> </param>

Si quieren traducir el tip de explicación, accedan al archivo "es-ES.plg_editors_tinymce.ini" de idioma ubicado en "raízJoomla/administrator/language/es-ES" y agreguen una nueva línea (o el texto que les de la gana) así:

PARAMIBROWSER=Plugin para subir o seleccionar imagenes

4- El paso final es agregar el código en el archivo PHP que "configura" TinyMCE en el arranque. Nos vamos al archivo "tinymce.php" ubicado en "raízJoomla/plugins/editors" y en la línea 236 (aprox.) agregaremos el siguiente código:

//ibrowser plugin
$ibrowser = $this->params->def( 'ibrowser', 1 );
if ( $ibrowser ) {
$plugins[] = 'ibrowser';
$buttons3_add[] = 'ibrowser'; }

Observen que va en esta ubicación dentro del código ya que es un "buttons3", no lo coloquen en otro lado.

5- Si han seguido los pasos correctamente, les deberá aparecer un nuevo ícono en el editor como este:

Solo resta decirles que para que esto funcione el editor debe estar configurado como "Funcionalidad: Extendido". Esto es así debido a que son plugins "agregados", no los que incorpora por defecto el editor. Para agregarlo a los íconos por defecto hay que tocar los archivos javascript.

 Una vista de la ventana emergente de iBrowser:

En el próximo... en FCK.

Tags: editor | editores | fck | ibrowser | imagen | jce | joomla | net4visions | plugin | subir imagenes | tinymce