В предыдущей статье, я описывал, вариации реализаций подсветки синтаксиса. В данном урывочном переводе со статьи, я покажу вам пример использользования библиотеки jQuery.Syntax для подсветки синтаксиса кода на стороне клиента.
Скачайте последнюю версию jQuery.Syntax, распакуйте и сохраните как {tmp}/jquery-syntax. Скопируйте каталог public с файлами на ваш сайт,
{tmp}/jquery-syntax/public/ в подходящий для вас каталог вашего сайта, как
{webroot}/_static/jquery-syntax.
Убедитесь, что у вас подключена библиотека jQuery (1.4.1+).
Вставляйте код.
Вставляйте сам код, который нужно подсветить.
Обратите внимание на class="syntax javascript". Класс "syntax" показаывает, что этот блок должен быть обработан, далее необходимо указать сам синтаксис к примеру: javascript.
Данная библиотека поддерживает различные синтаксисы.
apache, applescript, asm, bash-script, bash, basic, vb, clang, cpp, c++, c, objective-c, csharp, c-sharp, c#, css, diff, patch, haskell, html, io, java, javascript, js, actionscript, kai, lisp, scheme, clojure, lua, ooc, pascal, delphi, perl5, php-script, php, plain, text, python, ruby, smalltalk, sql, xml, yaml
Это конечный пример работающего кода.
Скачайте последнюю версию jQuery.Syntax, распакуйте и сохраните как {tmp}/jquery-syntax. Скопируйте каталог public с файлами на ваш сайт,
{tmp}/jquery-syntax/public/ в подходящий для вас каталог вашего сайта, как
{webroot}/_static/jquery-syntax.
Убедитесь, что у вас подключена библиотека jQuery (1.4.1+).
Вставляйте код.
script src="/_static/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="/_static/jquery-syntax/jquery.syntax.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($) {
$.syntax();
});
</script>
Вставляйте сам код, который нужно подсветить.
<pre class="syntax javascript">function min (a, b) {
return a _t; b ? a : b;
}</pre>
Обратите внимание на class="syntax javascript". Класс "syntax" показаывает, что этот блок должен быть обработан, далее необходимо указать сам синтаксис к примеру: javascript.
Данная библиотека поддерживает различные синтаксисы.
apache, applescript, asm, bash-script, bash, basic, vb, clang, cpp, c++, c, objective-c, csharp, c-sharp, c#, css, diff, patch, haskell, html, io, java, javascript, js, actionscript, kai, lisp, scheme, clojure, lua, ooc, pascal, delphi, perl5, php-script, php, plain, text, python, ruby, smalltalk, sql, xml, yaml
Это конечный пример работающего кода.
<!DOCTYPE html>
<html>
<head>
<script src="/_static/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="/_static/jquery-syntax/jquery.syntax.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($) {
$.syntax({root: '/_static/jquery-syntax/'});
});
</script>
</head>
<body>
<h1>Example Inline PHP</h1>
<p>Here is some inline PHP code: <code class="syntax php-script">$x = 50 + mysql_last_insert_id()</code>.</p>
<h1>Example Block of Javascript</h1>
<pre class="syntax javascript">function min (a, b) {
return a < b ? a : b;
}</pre>
</body>
</html>
Комментариев нет:
Отправить комментарий