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]

Deja un comentario

Set de iconos con caricaturas de políticos

Como crear tooltips en WordPress mediante CSS