El que entienda de estas cosas habrá apreciado que surlandia.com funciona basado en wordpress.
Wordpress dispone de un editor gráfico de noticias basado en TinyMCE, pero la versión que trae por defecto está limitada a unas pocas opciones, que si bien nos permiten una composición básica, se quedan cortas si queremos hacer algo de mediana complejidad. En esta entrada veremos cómo añadir más opciones al editor.

Aunque para conseguirlo hay múltiples opciones, vamos a comentar alguna que resulte fácil de realizar. Ésta en concreto se basa en un plugin de Assaf Arkin de Labnotes.
Los pasos a realizar son los siguientes:

• descargar el plugin e instalarlo en el directorio wp-content/plugins de nuestra instalación de wordpress
• activarlo en el apartado plugins de la zona de administración de nuestro blog
• ya está, ahora si no salen las nuevas opciones deberías refrescar la caché del navegador y/o refrescar el gaznate.

Como veis, es sencillo. Sin embargo hay unas cuantas opciones que necesitan un poquito de trabajo artesanal

Parece ser que las opciones de tablas y pantalla completa tienen alguna incompatibilidad, así que para activarlas haremos lo siguiente:

• nos bajamos la versión 1.45 de tinyMCE (esa versión tiene versiones de ambos plugins compatibles con wordpress)
• copiamos los directorios fullscreen y table del directorio jscripts/tiny_mce/plugins/ del tinyMCE que nos acabamos de bajar al directorio wp-includes/js/tinymce/plugins de nuestra instalación de wordpress.
• nos volvemos a refrescar el gaznate.

¡Listo!, ya nos deberían funcionar todas las opciones (copiar, pegar, tablas, superíndice, pantalla completa, estilos, colores de texto y fondo y más cosas). Si queremos aun podemos organizar un poquito más el editor para que todos los botones no nos queden en una línea, ya que son muchos y ocupan bastante ancho. Para ello volvemos a visitar el apartado plugins de la zona de administración de wordpress y escogemos el sub-apartado “Editor de plugins”.
El código nos ofrece la posibilidad de colocar los botones en tres líneas. Si queremos colocar botones en la segunda línea tenemos que coger el código

 function extended_editor_mce_buttons_2($buttons) {
// Add buttons on the second toolbar line
return $buttons;
}

y cambiarlo por

 function extended_editor_mce_buttons_2($buttons) {
// Add buttons on the second toolbar line
return array(
"cut", "copy", "paste", "undo", "redo", "separator",
"table", "sub", "sup", "forecolor", "backcolor",
"charmap", "separator", "code", "fullscreen",
"wordpress", "wphelp");
}

donde, como veis hemos reemplazado “return buttons” por return array() en cuyo interior listamos los botones que se mostrarán en la segunda línea. Evidentemente, los botones que ponemos en la línea 2 los hemos quitado de la definición de la línea 1 que queda justo encima.

Todo lo contado debería funcionar en las versiones 2 de wordpress (personalmente lo he probado en las 2.0.4 y 2.0.5, pero no ofrezco garantías de que lo haga en versiones 1.x). Espero que te resulte de utilidad y te sirva para añadir esas prestaciones del editor de wordpress que tanto echabas en falta.