Как вставить пример кода в веб-страницу

17 марта 2013  5670  CSS, jQuery, html, конвертер, верстка, онлайн-инструменты, скрипты

 

1. Вставка HTML кода в веб-страницу.

Самый простой способ — перевод знаков < и > в мнемонический (символьный) вид. Браузер воспринимает каждый символ буквально и отражает его в виде символа, а не кода.

Ручная замена — скучное занятие, лучше воспользоваться онлайн-инструментами. Порядок простой — вставляете код HTML, жмете кнопку — получаете код для вставки.

Желательно заключить полученный код в тег <pre></pre>  — текст будет отображаться привычным моноширинным шрифтом, сохраняя все пробелы.

<script type="text/javascript" src="scripts/shCore.js"></script>

<script type="text/javascript" src="scripts/shBrushJScript.js"></script>

<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>

<script type="text/javascript">SyntaxHighlighter.all();</script>

2. Вставка программного кода с подсветкой синтаксиса.

 
  1. <script type="text/javascript" src="scripts/shCore.js"></script>  
  2. <script type="text/javascript" src="scripts/shBrushJScript.js"></script>  
  3. <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>  
  4. <script type="text/javascript">SyntaxHighlighter.all();</script>  

Онлайн-инструменты для подсветки кода:

3. Решения на jQuery.

 

Комментарии для сайта Cackle
наверх