---
title: "Cómo incluir jHtmlArea en un TextArea"
description: "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 WYSI..."
url: https://verasoul.com/como-incluir-jhtmlarea-en-un-textarea.html
date: 2023-08-26
modified: 2023-08-26
author: "VeraSoul"
image: https://verasoul.com/wp-content/uploads/image_thumb518.png
categories: ["Tutoriales"]
tags: ["Blog", "diseño web", "htmlarea", "JavaScript", "JQuery", "png", "script type", "text javascript", "Tutoriales"]
type: post
lang: es
---

# Cómo incluir jHtmlArea en un TextArea

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