Wordpress 2 : Extendiendo el editor visual
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.
Happy blogging 
backdraft es la bitácora de
Gracias por el tips, aunque a mi el editor visual de WordPress 2 no me gusta nada prefiero a pelo
aunque si tienes varios editores esto les puede servir de muchisima ayuda para enseñarles a manejarse con este CMS.
por cinefilo | March 19th, 2006 at 4:37 pm
Prefiero el editor así como viene, al aplicarle el parche que sugieres el código del post se llena de etiquetas, eso no me gusta.
por Carlos Magaña | March 19th, 2006 at 8:23 pm
[…] Backdraft nos dice la manera en que podemos extender el editor visual que WordPress en su versión 2.x nos trae por defecto. Sólo basta seguir unos sencillos pasos aunque hay que edtir un poco de código. [Vía] […]
por Blogueando.com - ¡Actualidad. Ahora con Podcast! » Blog Archive » Ampliar el editor de WordPress | March 19th, 2006 at 9:55 pm
Tienes que colocar solo las funcionalidades que necesites, hasta ahora no he tenido problemas con las etiquetas.
por CesarS | March 20th, 2006 at 8:46 am
[…] Via La Maté por un Yogur, descubro este hack para wordpress 2.0.x que permite añadir funcionalidades al editor visual. […]
por aNieto2K | De todo y para todos » Extiende las opciones del TinyMCE | April 3rd, 2006 at 5:15 pm
Yo normalmente tambien prefiero no usar el editor visual, debido a que intenté usarlo en 2 blogs con diferentes temas y al hacerlo me desbarataba todo el diseño, veré en éste blog a ver si se puede usar con el tema Qwilm.
por LA100RRA | April 3rd, 2006 at 6:06 pm
[…] [Fuente Planeta WordPress, backdraft] […]
por AgenciaBlog » Blog Archive » Botones extra en WP 2.0 | April 4th, 2006 at 7:19 am
[…] [Fuente Planeta WordPress, backdraft] […]
por Buenos Aires de Diseo » Blog Archive » Botoneando al WP | April 4th, 2006 at 7:26 am
Me pasa algo muy raro…
edito la lista de controles, y hay algunos que al cargarse la barra de controles, aparece como que se va a cargar la imagen del control, pero no se carga :S, lo sorprendente es que me ocurre con el “bold”. Alguna idea? WP 2.0.1
Gracias ^^
por Rub | July 16th, 2006 at 9:44 am
Pues a mi me a funcionado de perlas y es lo que estaba buscando. Mil gracias por el tip, funciona perfectamente.
por Hugo | July 27th, 2006 at 10:21 am
Hola, a mi me ocurre algo curioso… cuando entro con mi usuario, veo el editor grafico perfectamente, con sus iconos y tal… pero cuando entro con otro usuario, los iconos no me los muestra, sino las opciones con letras… (strong, code, img etc…)
Gracias
por Daniel | October 21st, 2006 at 5:58 am
Debe ser que tienes desactivada la opción “editor visual”, activala en : usuarios/perfil/Opciones personales/Utilizar el editor visual para escribir, activas el check que esta al final de la página
Saludos
por CesarS | October 21st, 2006 at 9:28 am
hola que tal me llamo pepe!
estuve leyendo como creaste tu blog!
yo nose como :S
ayudaa!!
(Y)
por pepe | October 30th, 2006 at 3:34 pm
Gracias por tu ayuda. Si ves mi página hay unos links arriva del 1 al 6 que no se como habilitarlos. A ver que me puedes decir. Fijate en la versión de Wordpress que uso, que creo no es la que tu dispones. Gracias. Ricky Santos
por Ricky Santos | October 31st, 2006 at 7:32 am
[…] Buscando en google, ha aparecido esta página en la que nos enseñan a cambiar las opciones del editor WYSIWYG TinyMCE que lleva incorporado el script de Wordpress. 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 : […]
por Bynario | Editor Wordpress | November 20th, 2006 at 5:30 am
pues va a ser que no
por andrea | February 19th, 2007 at 6:13 am
[…] 在一位西班牙朋友的blog中，我得悉原來editor除了下載plugin之外，還可以在/wp-includes/js/tinymce/tiny_mce_gzip.php 自我修改的。 在line 127 […]
por Wordpress Editor « Be Myself 心路 | March 20th, 2007 at 9:28 am
Muy buena me gusto bastante creo que los aplicare en mi blog
por Victor | April 1st, 2007 at 8:09 pm
[…] TinyMCE también puede ser extendido. […]
por Modificar el tamaño de las miniaturas o thumbnails · galder.net | June 12th, 2007 at 12:47 am
Actualmente el fichero es:
/wp-includes/js/tinymce/tiny_mce_config.php
Saludos!
por Busindre | September 7th, 2007 at 7:08 am