I’ve been using this plugin for a while now to take the place of WP’s default editor because it’s too plain and it’s missing some features. Problem was after installing the plugin it looked like crap and I ended up modifying it as well.

Now I made somewhat more extensive modification and added lots of things while keeping buttons included in the default editor — like the “More” button for example — y expanding the available options.

You start with this:

Then it changes to this after installing the unmodified plugin:

It’s pretty obvious keeping that setup is out of the question, so I hacked it a bit, removed some things and added others… but I recently got tired of having to change to the code editor to use stuff like the “More” button or remove formatting

After a bit of poking I ended up with this:

As you can see we now have two rows of buttons but keep WP stuff like the “More” button and the spellchecker and keep plugin stuff like the foreground/background modifyers… and get some extras like the table editor and the formatting eraser.

If you’re interested you can download the modified file here. If you install and activate it the way it is you’ll end up with something like this:

To have all the available features you need to do some work:

1. First download TinyMCE here. Doesn’t matter if it’s the tarfile or the zip, they contain exactly the same files
2. Uncompress the file and go to the plugins directory. Using FTP upload the “table” and “xhtmlxtras” directory to the location wp-includesjstinymceplugins on your host. Directory “wp-includes” is located on the WordPress root folder.
3. Go write a new post and voilá. If you had already uploaded and activated the modified plugin you must refresh the page manually using the reload/refresh button on your browser, or you can press F5

With that done you now should have the full set of buttons. If you paid some attention you should have seen many more plugins for TinyMCE. You can add those functions but you need to do it manually editing the plugin PHP file and uploading the corresponding directories to the TinyMCE plugins folder. One that could be useful for sites that constantly use the same code over and over is the “template” plugin. After creating — and making sure it works — the template just fill up the blank spots and you’re done, like event sites or WordPress MU. If you want to add your own buttons you’ll want to look at the plugin documentation and the button reference for the available buttons.

I don’t think I broke anything when I made the modifications and I tested it on WP 2.1 and 2.1.2. For Suggestions and yelps use the comments.

Desde hace tiempo venia usando este plugin para sustituir el editor visual de WP 2.0 por que editor normal esta bien pinche simple y le hacían falta cosas. Problema fue que a la hora de instalarlo acabe modificándolo también por que se veía de la chngada.

Ahora me avente una modificación más amplia y le agregue bastantes cosas manteniendo varios de los botones que vienen con la versión de WP — el botón de “More” por ejemplo — y expandiendo las opciones.

Primero se comienza con esto:

De ahí pasa a esto al instalarse el plugin sin modificación:

Resulta obvio que dejarlo así resulta bastante estorboso. así que le moví y le quite unas cosas y agregue otras… pero recientemente me enfade de tener que cambiar a webo al editor de código para echar a andar cosas con la función “More” de WP o eliminar formatos.

Después de un rato de moverle termine con esto:

Yeap, como ven tenemos dos renglones de botones, pero se mantienen cosas de WP como el botón de “More” y la revisión de ortografía además de tener los botones para modificar colores de texto y de fondo… además de que le agregue el editor de tablas y la goma para eliminar formatos.

Si les interesa pueden bajar el archivo modificado desde aquí. Si lo instalan y activan así como va terminaran con algo así:

Para tener todos los botones es un poco mas trabajoso:

1. Primero hay que bajar el TinyMCE desde aquí. No importa si es el tarro o el zip, ambos contienen exactamente los mismos archivos.
2. Extraer el archivo e ir al directorio de plugins. Con FTP hay que subir los directorios “table” y “xhtmlxtras” al directorio wp-includesjstinymceplugins en el servidor. El folder wp-includes esta dentro del directorio raíz de WordPress
3. Crear un nuevo post y voilá. Si ya habías subido y activado el plugin modificado tienes que refrescar la pagina manualmente presionando el botón de “reload” o “refresh” en tu navegador, o presionar F5.

Con eso deben quedar con el set completo de botones. Si se fijaron hay muchos mas plugins para el TinyMCE, las funciones se pueden agregar pero se tiene que hacer manualmente agregando el código necesario al archivo PHP del plugin y subiendo los directorios correspondientes al directorio de plugins de TinyMCE. Uno que en lo personal considero practico para sitios que constantemente usan el mismo código una y otra vez es el de templates. Solo seria rellenar los datos y ya, como para paginas de eventos o algo en WordPress MU. Si alguien quiere agregar sus cosas mas le vale que lea la documentación para los plugins y la referencia de botones disponibles.

Creo que no rompí nada al hacer las modificaciones y fue probado en WordPress 2.1 y 2.1.2. Mentadas y sugerencias en los comentarios.