Сделать HTML код нерабочим

Сделать HTML код нерабочим

При использовании HTML символов для демонстрации кода угловые скобки и другие знаки конвертируются и делают код нерабочим.

Конвертировать HTML символы

  1. Поместите код или отдельные HTML символы в поле конвертера
  2. Нажмите на зелёную кнопку
  3. Нажмите кнопкой на конвертированный HTML код для выделения
  4. Скопируйте выделенный HTML код
  5. Очистите поле конвертера нажатием красной кнопки
Использовать конвертер

Добавить HTML конвертер на свой сайт

Добавить в ссылке

При нажатии на ссылку конвертер откроется на новой странице

Конвертер html
<a src="http://atmpl.ru/design/web-tools/2015/conv-html/converter-html.html" target="_blank">Конвертер HTML</a>

Добавить в фрейме

Конвертер займёт всю свободную ширину, высоту нужно дополнительно указать в значении height="520".


<iframe src="http://atmpl.ru/design/web-tools/2015/conv-html/converter-html.html" width="100%" height="520" frameborder="0"></iframe>

Добавить в ссылке c открытием в модальном окне

При нажатии на ссылку откроется модальное окно в котором будет конвертер.

Конвертер html
<a class="iframe" href="http://atmpl.ru/design/web-tools/2015/conv-html/converter-html.html">Конвертер html</a>
<style>@import url("//atmpl.ru/design/modal-window/2015/colorbox-5/colorbox.css");</style>
<script src="//atmpl.ru/design/modal-window/2015/jquery.colorbox-min.js"></script>
<script>
$(document).ready(function(){
$(".iframe").colorbox({iframe:true, width:"90%", height:"90%", speed:500, transition:"fade", fadeOut:500});
});
</script>

Смотреть CODEPEN Скачать с GitHub Лицензия MIT

Рейтинг: 5.0/5 из 2



Добавлено Автор Ник Источник Просмотров Комментариев Теги
21-10-2015 Михаил Меренков aTmpl © 467 0 html, конвертер