Botoneando al WP

Irene 4 Abr. 2006 Tecnología Todo Weblogs

El TinyMCE es el editor visual que incluye el WordPress 2.0.
Como cualquier editor WYSIWYG es muy útil, sobre todo para quienes no saben escribir en código HTML. Funciona en Firefox, IExplorer y Ópera, y no funciona en Safari, por ahora.
Pero hasta hoy le había encontrado una falla y era la falta de algunos botones y la imposibilidad de agregarlos.
Finalmente hoy encontré la manera de agregarle 2 botones esenciales: el botón para formatear títulos y el botón para limpiar el código.

El botón para formatear títulos permite elegir entre los titulares del 1 al 6 o Address, Pre y Paragraph.
El botón para limpiar el código es mejor de lo que imaginé. Cuando uno copia en Word, por ejemplo, el editor también pega el formato que trae, que incluye suciedad generando problemas al intentar cambiar el formato. Para evitar esto, este botón permite limpiar el código, seleccionándolo. Elimina negritas, itálicas, pero también elementos no visibles (ej: span). No elimina (para bien o mal) las indicaciones de títulos y listas.
Otro botón que me parece de utilidad es el que agrega caracteres especiales.

Cómo agregar botones

Para agregar botones tenemos que editar el archivo /wp-includes/js/tinymce/tiny_mce_gzip.php.
La línea que indica los botones es la 127

$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’)); 

Debemos agregar los botones que deseamos, seleccionándolos de esta lista. Los 3 que agregué son formatselect, removeformat, charmap. La línea quedó así:

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

[Fuente Planeta WordPress, backdraft]

Compartir
  • e-mail
  • Meneame
  • Technorati
  • del.icio.us
  • Facebook
  • Google
  • TwitThis
  • BarraPunto
  • Ma.gnolia
  • Digg
  • MisterWong
  • Slashdot
  • BlogMemes Sp
  • StumbleUpon
  • YahooMyWeb

Comentarios

  1. Buenos Aires de Diseño » Blog Archive » ¿Es fácil diseñar weblogs?

    [...] Si el entusiasmo nos gana y seguimos en este camino, tendremos que tener en cuenta también cuáles son los conocimientos del cliente. Es importante preguntar quién va a escribir el weblog, porque no se escribe solo y es una tarea que lleva su tiempo. Es imprescindible una instancia de capacitación a el o los autores. Hay que hablar no solo de la herramienta sino del contexto del weblog, su comunidad, porque el blog es un medio individual pero que se potencia al comprender la importancia de las redes de contactos que se generan. Esas redes pueden comenzar en sus conocidos, pero se irá extendiendo a sus clientes, colegas, etc., y por ello es imprescindible cuidar el diálogo. Y el manejo que posea el autor de las herramientas virtuales puede ser clave para recomendar o no su uso, o hacer una capacitación más o menos intensiva. Por ejemplo, el editor WYSIWYG de Worpress 2.0 es muy bonito, pero al pegar código de otras páginas puede traernos muchos problemas hasta romper el diseño. En este sentido recomiendo agregar el botón de limpieza de código que ayuda bastante. [...]

  2. Diego

    Irene, agregué los nuevos botones pero no los veo… hay que deshabilitar algo para que funcione? o en la versión traducida del wp2 con funciona?. Gracias.

  3. Diego

    Ah, y en la versión que uso no está en la línea 127, sino en la 110.

  4. Diego

    Aha!… ya funcionó… desactivando plugins del tipo WYSIWYG para el editor.. pero no me muestra los íconos de negrita, itálica y subrayado… mmmmm….

Agregar nuevo comentario

Comentario
(Puede usar las siguientes etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> )