Eliminar etiquetas HTML

20/feb/2007 Prototype 7 Comentarios

En ciertas situaciones manejamos contenidos de texto que van mezclados con etiquetas HTML. Los cuales nos interesa que sean procesados sin dichas etiquetas.

Un claro ejemplo sería para evitar que introduzcan texto HTML en los comentarios de una página. Evitando el efecto no deseado. Aunque también sería util para otros casos.

El framework de Prototype nos proporciona un método sencillo para hacer esta limpieza de código. El método es stripTags(). Simplemente habrá que aplicar dicho método sobre una cadena de texto. Así podríamos tener la siguiente línea de código:

"<div>Este es <br/>mi texto</div>".stripTags();

La idea en este ejemplo es tener un área de texto donde podramos poner el texto que queramos (etiquetas HTML incluidas) y utilizar el método stripTags() para eliminar dichos códigos.

Lo primero será el crear el textarea:

<form>
<textarea rows="10" cols="20" id="texto">
Texto por defecto
</textarea><br/>
</form>

Ahora la idea será el tener un botón que nos ayude a realizar nuestra "limpieza de HTML". Para ello lo primero que hay que hacer es obtener la información del textarea.

En este caso nos apoyaremos en otra función de Prototype. Esta será $F('elementoFormulario'). Esta función devolverá el contenido del elemento cuyo nombre pasemos como parámetro.

De esta manera el código del botón quedará de la siguiente forma dentro del formulario:

<input type="button" value="Eliminar HTML" onClick="alert($F('texto').stripTags());"/>

Se me olvidaba. Para cargar el framework Prototype simplemente nos apoyamos en la etiqueta <SCRIPT> mediante la cual indicaremos la librería prototype.js.

Visualizar el ejemplo | Descargar el código

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

7 comentarios en “Eliminar etiquetas HTML”

Víctor Cuervo

limpieza de tanques

Muchas grácias por su información me ha servido de utilidad

Víctor Cuervo

marta

Gracias Pepe! He usado el script que has pasado en mi web.
Muy útil!

Víctor Cuervo

Pepe

Hola a todos, el otro dçia estuve buscando un ejemplo que permitiese eliminar las etiquetas de html en php, la verdad es que está muy logrado, con una única expresión regular en php quita todas las etiquetas dejando sólo el texto.

Os paso el link para que echéis un vistazo

http://www.codigo-fuente.com/ejemplo-como-quitar-las-etiquetas-html-y-mostrar-solo-el-texto-plano

Un Saludo

Pepe

Víctor Cuervo

cesar

HTML y JSP quiero eliminar porfa ayuden

Víctor Cuervo

jhonny

quiero eliminar HTML y JSP ayuden porfa

Víctor Cuervo

MARY

Como puedo eliminar etiquetas html con jsp ?

Víctor Cuervo

Ayuda

prueba de eliminacion de etiquetas

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*