Онлайн экранирование кода для вставки в HTML

Данный инструмент позволяет на лету без перезагрузки страницы экранировать код для дальнейшей вставки его в HTML, заменяя в коде символы < > & " ` на соответствующие им коды Unicode.

Такое экранирование нужно для того, чтобы без проблем встраивать демонстрационные фрагменты кода в HTML-документы и страницы сайта.

Вставьте код:

Результат:

Копировать Очистить

Ниже приведены символы и Unicode значения для них, которые заменяет данный генератор:

< → <

> → >

& → &

" → "

` → `

Описание настроек

Данное экранирование не зависит от языка программирования и нужно исключительно для вставки кода в HTML, потому что если не заменить упомянутые выше символы на unicode, браузер будет воспринимать их как часть HTML и проинпретирует (обработает) код как часть html.

Обернуть код тегами pre code

Данная настройка обернёт полученный результат тегами <pre><code></code></pre>.

Добавить класс языка в тег code

Эта настройка добавит в тег code класс с идентификатором языка. Пример class="language-html". Это нужно если блок pre обрабатывается скриптами осуществляющими подсветку синтаксиса кода.

Работает только если включена настройка "Добавить класс языка в тег code".

Языки

Выбор языка - эта настройка укажет в class="language-..." выбранный язык.

Работает только если включена настройка "Обернуть код тегами pre code".