Conversor de HTML a texto plano para tu blog

jesanre febrero 12, 2024

Puedes lograrlo utilizando JavaScript en el lado del cliente para procesar el HTML ingresado por el usuario y mostrar el resultado en otra área de texto. Aquí hay un ejemplo simple utilizando HTML y JavaScript:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Conversor HTML a Texto Plano</title>
</head>
<body>

  <label for="htmlInput">Introduce tu código HTML:</label>
  <textarea id="htmlInput" rows="5" cols="50"></textarea>

  <button onclick="convertirHTML()">Convertir a Texto Plano</button>

  <label for="plainTextOutput">Texto Plano Resultante:</label>
  <textarea id="plainTextOutput" rows="5" cols="50" readonly></textarea>

  <script>
    function convertirHTML() {
      var htmlInput = document.getElementById("htmlInput").value;
      var parser = new DOMParser();
      var doc = parser.parseFromString(htmlInput, 'text/html');
      var plainText = doc.body.textContent || "";
      document.getElementById("plainTextOutput").value = plainText;
    }
  </script>

</body>
</html>

Este código HTML proporciona un área de texto para que el usuario introduzca su código HTML, un botón que al hacer clic ejecuta la función convertirHTML(), y otro área de texto que mostrará el resultado en texto plano. La función convertirHTML() utiliza el DOMParser para analizar el HTML y extraer el texto del cuerpo del documento.
jesanre

Publicado por jesanre

Publicar un comentario

0 Comentarios