Cómo Incluir Jhtmlarea En Un Textarea

Cómo incluir jHtmlArea en un TextArea

VeraSoul Tutoriales
2 Min.

Cómo incluir jHtmlArea en un TextArea…

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  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.

Compartir
17 Comentarios