LabEx
ВходРегистрация

Раскодирование HTML-символов с использованием JavaScript

Beginner

This tutorial is from open-source community. Access the source code

Введение

В этом лабе мы изучим, как раскодировать HTML-символы с использованием JavaScript. HTML-обработка спецсимволов - это распространенный метод кодирования специальных символов в HTML для предотвращения атаки типа cross-site scripting. Однако иногда нам нужно преобразовать закодированные символы обратно в исходный вид. Мы узнаем, как это сделать, создав функцию, которая раскодирует наиболее распространенные HTML-символы.

Раскодирование HTML

Эта функция раскодирует закодированные HTML-символы. Чтобы использовать ее, следуйте шагам:

  1. Откройте Терминал/SSH.
  2. Введите node.
  3. Скопируйте и вставьте следующий код:
const unescapeHTML = (str) =>
  str.replace(
    /&|<|>|'|"/g,
    (tag) =>
      ({
        "&": "&",
        "&lt;": "<",
        "&gt;": ">",
        "&#39;": "'",
        "&quot;": '"'
      })[tag] || tag
  );
  1. Вызовите функцию unescapeHTML и передайте ей строку с закодированными символами.
  2. Функция вернет раскодированную строку.

Пример использования:

unescapeHTML("&lt;a href=&quot;#&quot;&gt;Me &amp; you&lt;/a&gt;");
// '<a href="#">Me & you</a>'

Резюме

Поздравляем! Вы завершили лабу по раскодированию HTML. Вы можете практиковаться в других лабах в LabEx, чтобы улучшить свои навыки.