Оформление кода на сайте
- Алексей
- Комментариев нет
Не редко на ресурсах посвященных информационным технологиям необходимо организовать подсветку синтаксиса того или иного языка программирования, если используется какая-либо популярная CMS проблем не возникнет (существует масса различных плагинов), однако, если это не так, то вопрос обстоит несколько сложнее, но решение есть.
Описанный метод использует JavaScript, и не требует каких-либо специальных технологий.
Прежде всего, скачиваем необходимые файлы – prettify [14,8 КБ]. Распаковываем их на сервер, и подключаем их в теге <head></head>:
1.<link rel="stylesheet" href="prettify.css" />2.<script src="prettify.js"></script>Далее код вставляем в тег <code></code> с классом prettyprint, после чего выполняем скрипт: prettyPrint():
01.<html>02. <head>03. <title>untitled</title>04. <link rel="stylesheet" href="sunburst.css" />05. <script src="prettify.js"></script>06. </head>07. <body>08. <code class="prettyprint">09. (function() {10. var jsSyntaxHighlighting = 'rocks';11. })();12. </code>13. <script>prettyPrint();</script>14. </body>15.</html>Ваш комментарий
Комментариев нет