Prototype

Eliminar etiquetas HTML

20/Feb/2007

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

Suscribir
Notificar de
guest
8 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios