Software Tutoriales WordPress

Como incluir jHtmlArea en un TextArea

html editor area jhtmlarea Antes que nada, debes estar preguntándote que es “jHtmlArea”. Bueno, pues se trata nada más y nada menos que de un simple y bastante ligero editor de tipo WYSIWYG (What You See Is What You Get) o lo que es lo mismo, un editor basado en que todo lo que ves es lo que se obtiene.

 

jHtmlArea editor

jHtmlArea  nos ofrece la posibilidad de incluirlo allá donde queramos y supongo que el uno de los mejores sitios en los que podemos ubicarlo es en la caja de los comentarios, dando a nuestros visitante la posibilidad de facilitar la introducción, por ejemplo de enlaces, poner en negrita o cursiva lo que está escribiendo.

jHtmlArea esta basado en jQuery, en el siguiente enlace, puedes ver una demonstración del mismo, en la que podrás comprobar por ti mismo el funcionamiento.

¿Como implementar jHtmlArea?

Parece a simple vista, algo complicado, pero es tan simple como contar hasta 3, pues son los pasos necesarios para disponer de este editor en nuestro Blog:

  1. Añadir un <TextArea> a nuestra página HTML
  2. Añadir los ficheros “jhtmlarea.js”, “jHtmlArea.css” y jHtmlArea.png” a nuestra web
  3. Añadir el siguiente código javascript a la página para convertir el TextArea en el editor.

El código para añadir los ficheros JavaScript a nuestra página es el siguiente (paso 2):

<script type="text/javascript" src="/ruta del archivo/jHtmlArea-0.7.0.js"></script>

El código para convertir los elementos TextArea al editor:

$(function(){     $("textarea").htmlarea();  />}); 

Esto podríamos aplicarlo a la caja de texto de WordPress, pero llevará su tiempo y unos conocimientos previos que quizás retome en otro momento para mostraros como hacerlo.

[Fuente: pietschsoft]

17 Comentarios

  • Hola tengo problemas en la integración…

    La integración al textarea, se hace perfectamente, pero al publicar el texto, este no muestra los formatos que le he aplicado, es decir en la página no se ven los formatos, es como si no se hubiera aplicado ningún formato.

    lo mismo me ocurre al integrar tinymce, espero que me puedas ayudar…

  • Hola @Vera. muchas gracias por contestar tan pronto, hace unas cuantas horas que me suspendieron mi web porque rompio el límite de memoria y ya no se que hacer para evitar esto, he probado de todo y nada….

    Con respecto a la utilización de jHTMLArea, terminé por deshabilitarlo e intentar con el tinyMCE, el cual por el momento me esta mostrando el contenido publicado desde el area de comentarios, con todo y formatos, lo cual no sucede con el contenido publicado del formulario de publicación de entradas.

    Actualmente he creado un tema al respecto en ayuda wordpress: http://ayudawordpress.com/foro/topic/ayuda-con-formatos-utilizando-tinymce

    Y por cierto el formulario en cuestión lo estoy probando en local.

  • Que tal Vera, ya habilitaron mi web, por lo cual ya subi el theme modificado con la integración pero de tinyMCE, si puedes te agradecería le dieras una visita y darme un alcance de lo que podría estar sucediendo.

    Muchas gracias…

  • @Fliberty: ya lo he visto, pero tendrás que verificar el motivo por el que al pulsar “Leer todo el artículo” salen caracteres codificados.

    Saludos y avisa cuando soluciones ese problema.

A %d blogueros les gusta esto: