Категории

• Все категории
• 2040
• CG
• IOT умный дом
• Joomla
• Linux
• Windows
• Безопасность
• Сети
• создание сайтов

Экранирование HTML тегов, точнее замена кавычек и скобок на спецсимволы хтмл

17.10.2025 16:27 | коды из категории: создание сайтов

Что делает этот сервис?
Он экранирует специальные HTML-символы в вашем тексте, заменяя их на безопасные HTML-сущности. Это позволяет вставить любой текст (даже содержащий <, >, &, кавычки и т.п.) прямо в HTML-код страницы как обычный текст, не боясь, что браузер воспримет его как разметку.

Преобразуются следующие символы:
& → &
< → <
> → >
" → "
' → '
% → %

Зачем это нужно?
Чтобы публиковать фрагменты кода, сообщения пользователей, технические данные или любые «сырые» строки в блоге, CMS или HTML-странице — без риска сломать верстку или вызвать XSS-уязвимость.

Весь введённый текст будет преобразован так, чтобы можно было вставить в свой блог в виде текста и не нарушить верстку сайта

Экранировать Скопировать Очистить <div style="color:red">красный</div>, а это 5 < 10 и <script>alert(1)</script>

html

<button class="btn btn-success" onclick="escapeHtmlFull()">Экранировать</button>
<button class="btn btn-dark" onclick="copyResult()">Скопировать</button>
<button class="btn btn-danger" onclick="clearInput()">Очистить</button>

<textarea id="input" placeholder="Вставьте любой HTML-код"><div style="color:red">красный</div>, а это 5 < 10 и <script>alert(1)</script></textarea>

Java script

function escapeHtmlFull() {
  const el = document.getElementById('input');
  let s = el.value;

  s = s
    .replace(/&/g, '&')      // Сначала &!
    .replace(/</g, '&lt;')       // Замена <
    .replace(/>/g, '&gt;  ')       // Замена >
    .replace(/"/g, '&quot;')
    .replace(/'/g, '&#039;')
    .replace(/%/g, '&#37;');

  el.value = s;
}

function copyResult() {
  const el = document.getElementById('input');
  el.select();
  document.execCommand('copy');
  alert('Скопировано!');
}

function clearInput() {
  document.getElementById('input').value = '';
}

← Назад к списку

---