Contenido

EtiqueTags, mejora tu forma de postear

13 Nov

+ 11

Cito de sisifodichoso.org:

wordpress.png

etiquetags permite de forma rápida y sencilla la inserción, siguiendo el estándar XHTML1.0 Strict del W3C, de etiquetas HTML en nuestros textos:

  • Inserción de gran variedad de etiquetas HTML.
  • Formularios para la inclusión de atributos a las etiquetas. Posibilidad de selección entre microformatos.
  • Inserción rápida de notas a pie (funcionalidad ya presente en JS_Quicktags).
  • etiquetags no es WYSIWYG pero ofrece una visualización inmediata del resultado junto con un control total sobre el código HTML.
  • Construcción automática de listas.
  • Consulta rápida a diversos diccionarios.

Se puede encontrar información más detallada en nuestras páginas de documentación y FAQ. Existe también una página de demostración (demo) para ver el programa en acción.

¿Cómo instalo etiquetags en Wordpress?

  1. Ve a la página de descargas y descárgate la versión del paquete etiquetags (Wordpress-Pack).
  2. Una vez descomprimido el paquete .zip, accede con tu cliente FTP favorito a la carpeta wp-includes/js/ de tu blog.
  3. Renombra el archivo quicktags.js a old-quicktags.js (por ejemplo).
  4. Copia en este directorio, wp-includes/js/, el archivo etiquetags.js y renómbralo como quicktags.js.
  5. Copia también en este directorio la carpeta de iconos /iconos y la de formularios /forms.
  6. Comprueba que tanto el nuevo quicktags.js y la carpeta de iconos tengan los permisos correctos (lectura para los archivos y lectura + ejecución para los directorios /iconos y /forms)
  7. Edita tu nuevo archivo quicktags.js y pon la ruta absoluta de tus iconos y de los formularios al principio del archivo. Justo después de los comentarios del inicio. Por ejemplo:
     var IconDir = 'http://www.tublog.com/wp-includes/js/iconos/'
      var FormDir = 'http://www.tublog.com/wp-includes/js/forms/'
  8. A fin de conseguir una mejor integración visual, se incluye en el paquete una hoja de estilos llamada admin.css. Copia el contenido de este archivo al final de tu hoja de estilos para administración /wp-admin/wp-admin.css
  9. Y ya está: etiquetags está listo para su uso en la página de edición de Wordpress

[Demo][Descargar]

Tiene una pinta genial, al volver lo pruebo :) Gracias por la info!

Hola Andrés y Cia.
Muchísmas gracias por difundir nuestro trabajo. ¡Ahora esperamos que os guste!
Un saludo cordial

Una pregunta (a lo mejor es que como soy algo melón no lo he visto) ¿Hay alguna tag para cambiar de color al texto? Es que lo puse ayer y no la veo. Es que me extraña que no esté.
Un saludo y sigue así, tienes uno de los mejores blogs sobre programación y wordpress.
Barry Collins

Lo instalé siguiendo los pasos tanto de la instalación como los de la aplicación de los llamados a los Javascript dentro del template de escribir mensajes del blog, y me aparece la barra de herramientas pero no me aplica absolutamente ninguna acción sobre el text area… también referencié el ID del text area aquí:

var edCanvas = document.getElementById(’content’);

Pero no hay caso… ¿Alguien tiene alguna idea de que puede pasar?

#4 ¿Has cambiado el fichero quicktags.js?

Lo acabo de instalar y me gusta, tiene bastantes botones y funciones, aunque me parece como si tardara más en cargar … pero debe ser casualidad. Por ahora me va gustando.

Un saludo :)
May

Bueno, ahora con WP 2.1 que da la opcion de cambiar de codigo a editor visual en el mismo formulario del post pueden convivir el editor visual de WP y este, muy bueno!!!!

Excelente articulo, gracias por compartirlo!

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.


Cerrar
Enviar por Correo