feed twitter facebook LinkedIn facebook

Prototype » Eliminar etiquetas HTML

febrero 20, 2007 por Víctor Cuervo 7 Comentarios Imprimir Imprimir

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

tags:

Artículos relacionados:

7 comentarios »

RSS feed para los comentarios de esta entrada.TrackBack URI

  1. Ayuda
    julio 9, 2007 #

    prueba de eliminacion de etiquetas

  2. MARY
    agosto 3, 2007 #

    Como puedo eliminar etiquetas html con jsp ?

  3. jhonny
    octubre 26, 2007 #

    quiero eliminar HTML y JSP ayuden porfa

  4. cesar
    octubre 26, 2007 #

    HTML y JSP quiero eliminar porfa ayuden

  5. Pepe
    octubre 4, 2008 #

    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

  6. marta
    octubre 20, 2008 #

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

  7. limpieza de tanques
    agosto 22, 2012 #

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

Deja un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*