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.

Editor extendido en Wordpress 2


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 :

Editor extendido en Wordpress 2 completo


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 :)

» tags :

21 comentarios

cinefilo dice :

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.

Domingo, March 19, 2006 - 16:37
Carlos Magaña dice :

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.

Domingo, March 19, 2006 - 20:23
Blogueando.com - ¡Actualidad. Ahora con Podcast! » Blog Arch dice :

[...] 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] [...]

Domingo, March 19, 2006 - 21:55
CesarS dice :

Tienes que colocar solo las funcionalidades que necesites, hasta ahora no he tenido problemas con las etiquetas.

Lunes, March 20, 2006 - 08:46
aNieto2K | De todo y para todos » Extiende las opciones del dice :

[...] Via La Maté por un Yogur, descubro este hack para wordpress 2.0.x que permite añadir funcionalidades al editor visual. [...]

Lunes, April 3, 2006 - 17:15
LA100RRA dice :

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.

Lunes, April 3, 2006 - 18:06
AgenciaBlog » Blog Archive » Botones extra en WP 2.0 dice :

[...] [Fuente Planeta WordPress, backdraft] [...]

Martes, April 4, 2006 - 07:19
Buenos Aires de Diseo » Blog Archive » Botoneando al WP dice :

[...] [Fuente Planeta WordPress, backdraft] [...]

Martes, April 4, 2006 - 07:26
Rub dice :

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 ^^

Domingo, July 16, 2006 - 09:44
Hugo dice :

Pues a mi me a funcionado de perlas y es lo que estaba buscando. Mil gracias por el tip, funciona perfectamente.

Jueves, July 27, 2006 - 10:21
Daniel dice :

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

Sábado, October 21, 2006 - 05:58
CesarS dice :

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

Sábado, October 21, 2006 - 09:28
pepe dice :

hola que tal me llamo pepe!
estuve leyendo como creaste tu blog!
yo nose como :S
ayudaa!!
(Y)

Lunes, October 30, 2006 - 15:34
Ricky Santos dice :

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

Martes, October 31, 2006 - 07:32
Bynario | Editor Wordpress dice :

[...] 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 : [...]

Lunes, November 20, 2006 - 05:30
andrea dice :

pues va a ser que no

Lunes, February 19, 2007 - 06:13
Wordpress Editor « Be Myself 心路 dice :

[...] 在一位西班牙朋友的blog中,我得悉原來editor除了下載plugin之外,還可以在/wp-includes/js/tinymce/tiny_mce_gzip.php 自我修改的。 在line 127 [...]

Martes, March 20, 2007 - 09:28
Victor dice :

Muy buena me gusto bastante creo que los aplicare en mi blog

Domingo, April 1, 2007 - 20:09
Modificar el tamaño de las miniaturas o thumbnails · galder. dice :

[...] TinyMCE también puede ser extendido. [...]

Martes, June 12, 2007 - 00:47
Busindre dice :

Actualmente el fichero es:

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

Saludos!

Viernes, September 7, 2007 - 07:08
sasuke dice :

el fichero /wp-includes/js/tinymce/tiny_mce_config.php me aparece en blanco :S

Jueves, April 17, 2008 - 12:46

Enviar un comentario nuevo

El contenido de este campo se mantiene privado y no se mostrará públicamente.
Búsqueda personalizada
autorIndexante es la bitácora de Cesar Soplin Sánchez acerca de usabilidad, arquitectura de información, desarrollo web y ad infinitum.