El Blog de Alicia Pac

jueves, mayo 25, 2006

Extensión del Editor Visual de Wordpress 2

Esto es lo que tiene el trabajo, que te salgan dudas y problemas que tienes que ir solucionando.

Contando que ni mucho menos soy una excelente programadora, y menos los encargados de mantener vivo un blog corporativo. El tema de formación empresarial en referencia a las bitacoras, se debe facilitar la comprensión de estas herramientas, hasta en punto que sea como un editor como Word, o un servicio de correo. Sino vender el producto no tiene mucho sentido...no quiero ser la responsable de crear traumas empresariales como la instalación de un ERP en sus empresas! ;)

Así que me volví loca indagando sobre como añadir las dichosas pestañitas de editor de texto en el blog, y di con la solución! Vía BackDraf, ahí va:

Una de las novedades que trae Wordpress 2 es la inclusión de serie del editor visual TinyMCE con algunas opciones básicas, como negritas o alineado de texto.

Para que podamos agregar funcionalidades como encabezados o color de texto, tenemos que editar el archivo de configuración dentro de nuestra instalación de Wordpress :

/wp-includes/js/tinymce/tiny_mce_gzip.php

En la linea 127 podemos ver :

$mce_buttons = apply_filters(’mce_buttons’, array(’bold’, ‘italic’, ’strikethrough’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’));

Donde cada item del array es un boton del editor, siguiendo la lista de controles disponibles en TinyMCE, para colocar un selector de formato, otro selector de tamaño y un botón para colorear el texto agregamos :

$mce_buttons = apply_filters(’mce_buttons’, array(’bold’, ‘italic’, ’strikethrough’, ’separator’, ‘formatselect’, ‘fontsizeselect’, ‘forecolor’, ’separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ’separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ’separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’));

Dando como resultado :

Si te queda chico el espacio podrias ponerlo en la siguiente fila utilizando el código que se encuentra unas líneas abajo en el mismo archivo de configuración:

$mce_buttons_2 = apply_filters(’mce_buttons_2′, array(‘formatselect’, ‘fontsizeselect’, ‘forecolor’, ’separator’));

No tienes que limitarte a la lista de caracteristicas básicas, usando plugins de TinyMCE podrias ampliarlo para el uso de tablas o inserción de archivos flash.