4.08.14, 19:28
0 комментарий
  Уроки

GeneralSyntax: вывод и подсветка кода на страницах

Сегодня представляем вашему вниманию плагин GeneralSyntax (зависимость от jQuery 1.x), он позволяет отображать различный код (php, html, css, javascript и др.) на вашей странице. Скрипт позволяет вам самостоятельно указывать какие символы подсвечивать (также существует возможность при помощи регулярных выражений делать поиск атрибутов, любых символов и делать их подсветку) и делать это удобным способом.

Возможности

1. Обычное отображение кода (по умолчанию, bootstrap оформление)
2. Отображение кода из внешнего файла (прописывается атрибут src="PATH" )
3. Подсветка кода (подгружаемый из внешнего файла, описание цветов прямо в HTML)

<h5>Обычное отображение</h5>
<source lang="javascript">
<pre>
  object {
    like : function(){ alert("smile"); }
  }
</pre>

<script src='gs.js'></script>


GeneralSyntax: вывод и подсветка кода на страницах


Отображение кода внешнего файла

<pre src='index.php' style='height:500px; overflow: auto'></pre>
<script src='gs.js'></script>


GeneralSyntax: вывод и подсветка кода на страницах


Подсвечиваем как в Notepad++

<pre class='gs' src='notepad.js.txt' style='background: #f2f4ff; color:#000'>
{
   "function, this, false" : "#0000ad",
   "// если ссылается на файл" : "#008000",
   "script, <, >" : "#000080"
}
</pre>
<script src='gs.js'></script>


GeneralSyntax: вывод и подсветка кода на страницах


Использование регулярных выражений для большого количества кода

<pre class='gs' src='notepad.js.txt' style='background: #f2f4ff; color:#000'>
{
   "/*[W|w]+*/" : "#008000", /* Рег. выражение */
   "(, ), ;" : "#8000ff",
   "<, >, ?, php" : "red",
   "exit, Array" : "#0000ad",
   "$, array" : "#000080"
}
</pre>
<script src='gs.js'></script>


GeneralSyntax: вывод и подсветка кода на страницах






Реклама

Напишите своё мнение

  • acuteaggressiveair_kissangel
    badbbbeachbeee
    biggrinbig_bossblumblush
    boastbombboredombye
    clappingcraycrazycurtsey
    dancedashdeclarediablo
    diroldon-t_mentiondownloaddrinks
    first_moveflirtfocusfool
    friendsgive_heartgive_rosegood
    hangheartheathelp
    hihunterhystericireful
    kingkisslaughlazy
    lolmail1mambaman_in_love
    mdamega_shokmoilmosking
    musicneanegativenew_russian
    okon_the_quietpardonparting
    partypilotpioneerpleasantry
    popcormpranksterprevedpunish
    roflrtfmrussiansad
    sarcasticscarescratchsearch
    secretsensoredshokshout
    slowsmilesmokesoldier
    soldier_girlsorryspitefulspruce_up
    stinkersuicidesunsuperstition
    swoonteasetenderthanks
    thisto_pick_ones_noseto_take_umbragetreaten
    umnikunknwvampirevava
    victorywackowhistlewink
    wizardyahooyesyu
    e101e102e103e104
    e105e106e107e108
    e109e110e111e112
    e113e114e115e116
    e117e118e119e120
    e121e122e123e124
    e125e126e127e128
    e129e130e131e132
    e133e134e135e136
    e137e138e139e140
    e141e142e143e144
    e145e146e147e148
    e149e150e151e152
    e153e154e155e156
    e157e158e159e160
    e161e162e163e164
    e165e166e167e168
    e169e170e171e172
    e173e174e175e176
    e177e178e179e180
    e181e182e183e184
    e185e186e187e188
    e189e190e191e192
    e193e194e195e196
    e197e198e199e200
    e201e202e203e204