Zvýraznite farebne zdrojový kód na stránkach pomocou HIGHLIGHT.JS

HIGHLIGHT.JS je Javascriptový Plug-In, ktorý Vám farebne zvýrazní zdrojový kód na stránke.

Ako na to:

  1. Na stránke downloadu, si naklikajte ktoré programovacie jazyky chcete, aby výsledný script obsahoval - tieto bude obsahovať komprimovaný súbor highlight.pack.js (okrem tohto súboru bude výsledný zip obsahovať aj zdrojové súbory, ovšem bude stačiť vložiť do Vašej XHTML šablony iba tento skomprimovaný súbor)
  2. Po stiahnutí vidíte v archíve aj adresár styles - to sú práve štýly, ktoré budú aplikované na Váš zdrojový kód
  3. Dajme tomu, že chcete využiť základný štýl default.css
  4. Nakopírujte súbory highlight.pack.js a default.css do adresára napr. highlight Vašej webovej stránky
  5. Vložte do svojej XHTML šablony medzi tagy <head></head> nasledovný kód: 
    <script type="text/javascript" src="http://www.graphystudio.sk/highlight/highlight.pack.js"></script>
    <script type="text/javascript">
      hljs.initHighlightingOnLoad();
    </script>
  <link rel="stylesheet" type="text/css" href="http://www.graphystudio.sk/highlight/default.css"  />
    pričom http://www.graphystudio.sk/ je URL adresa Vašej webstránky. Samozrejme je možné použiť nejakú premennú resp. cestu pre hlavný adresár ./ a pod.
  6. Odteraz všetky výskyty <pre><code></code></pre> budú považované za zdrojový kód a farebne zvýraznené.

Uverejnené: 25.02.2009 12:48
(JR)

Kategórie: Javascript

Tagy: highlight

pošli na vybrali.sme.sk pošli do vybrali.sme.sk

Ďalší článok »
« Predchádzajúci článok

Pred tým, než napíšete komentár, skúste porozmýšľať, akú bude mať pre čitateľov informačnú hodnotu. Nekonštruktívne komentáre budú bez upozornenia zmazané. Môžete písať kritické komentáre, snažte sa mi ale oponovať a vyjadrovať svoj názor vecne. Komentáre typu 'hlúpy článok', 'venuj sa niečomu serióznemu', 'cool článok', 'veľmi si mi pomohol' a pod. mi skúste písať radšej na Facebook, kde si to rád prečítam ;-)

RSS  Komentáre

Žiadne komentáre. Môžete nejaký napísať.


* Nebude zverejnený
* Voliteľné

Články publikované v rovnakej kategórii:

Upozornenie: Tento blog píšem hlavne pre vlastné potreby. Zaznamenávam v ňom pre mňa zaujímavé informácie, udalosti a píšem k nim vlastné názory. Informácie zverejnené v tomto blogu sú teda častokrát mojim vysokosubjektívnym názorom. Rovnako tu môžu byť, napriek mojej snahe, zverejnené dezinformácie, prípadne jednostranné názory. Vezmite to prosím pri čítaní tohto blogu do úvahy. Ďakujem za pochopenie.... :-)

Kategórie:

Ing. Jozef Rusňák
Jozef Rusňák
Programátor a webdizajnér.
Tvorí súčasť vývojárskej skupiny boberdoo.com americkej spoločnosti boberdoo.com LLC
» Viac informácií

Najnovšie z Twitter:

» viac