Przeszukaj Wiedzodajnię

Przejdź do wyszukiwarki globalnej

Poradniki na Twój Email

Praktyczne informacje i specjalne oferty prosto na Twoją skrzynkę email.

Wpisz Email: 
 

Ostatnie Artykuły

Jak dodać pasek z informacją o ciasteczkach
 
Apptiker - czyli narzędzia dla strony www
 
Mierzymy wydajność strony internetowej
 
Mniej znane funkcje Google
 
Wielkie zmiany w Google
 

Ostatni komentarz

Subskrybuj kanał RSS

Kanał RSS

Od teraz o wszystkim co godne uwagi dowiesz się błyskawicznie.

U nas jesteś bezpieczny

website security

Ty też możesz chronić stronę i swoich Klientów. Sprawdź szczegóły.

Apptiker

7 skryptów do kolorowania składni kodu

Autor: , Data publikacji , Kategoria: Budowa stron, Porady;
7 skryptów do kolorowania składni kodu

Jeśli prowadzisz stronę lub bloga na tematy związane z programowaniem prędzej czy później zechcesz prezentować swoim czytelnikom fragmenty kodu źródłowego czy to HTML, JavaScript, PHP czy innych języków, wokół których tematyki się poruszasz. Aby kod na stronie prezentował się atrakcyjnie i przede wszystkim był czytelny warto odpowiednio go sformatować wykorzystując do tego celu kolorowanie składni. Można wprowadzając kod pokolorować go w edytorze naszego systemu CMS, ale to raczej mało wygodne, a już na pewno może dać w kość jeśli chcemy umieszczać dłuższe fragmenty kodu.

Na szczęście mamy pod ręką wyszukiwarkę i możemy przeszukać sieć pod kątem narzędzi, które ułatwią nam zadanie i sformatują oraz pokolorują składnię naszego kodu w sposób automatyczny. Innymi słowy zdejmą z naszych barków masę pracy.

Oto 7 przykładowych skryptów do kolorowania składni na stronach internetowych.

Prism

prism

Bardzo przyjemny skrypt, a do tego bardzo lekki bo w wersji bazowej zajmuje niecałe 2 kB. Możemy go samodzielnie rozbudowywać o kolejne języki, a także o nowe funkcjonalności w postaci pluginów.
http://prismjs.com/

 

Snippet

snippet

Plugin jQery, obsługujący całkiem pokaźną liczbę języków programowania. 39 predefiniowanych styli pozwala świetnie wkomponować prezentowany kod w ogólny layout naszej strony. Pomiędzy schamatami wizualnymi można przełączać się dynamicznie.
http://steamdev.com/snippet/

 

Geshi

geshi

To chyba jeden z popularniejszych skryptów do kolorowania składni kodu prezentowanego na stronach www. Został opracowany z myślą o forum na silniku phpBB, ale można go także z powodzeniem zaimplementować na dowolnej innej stronie internetowej.
http://qbnz.com/highlighter/

 

Syntax Highlighter

syntax

Bazujący wyłącznie na JavaScript. Również jedno z popularniejszych rozwiązań bardzo często spotykanych na stronach traktujących o kodowaniu w różnych językach.
https://code.google.com/p/syntaxhighlighter/

 

Google Code Prettify

google code prettify

To skrypt wykorzystywany przez stronę Google Code. Automatycznie wykrywa język i koloruje składnię. Można go dostosować modyfikując plik CSS.
https://code.google.com/p/google-code-prettify/

 

Hightlight.js

highlightjs

Bardzo prosty w użyciu skrypt ponieważ automatycznie wykrywa na stronie bloki z kodem, język w jakim kod jest napisany i koloruje jego składnię.
http://softwaremaniacs.org/soft/highlight/en/

 

Beauty of Code

beauty of code

A na koniec gotowa wtyczka dla użytkowników WordPress'a. Bazuje na skrypcie Syntax Highlighter przedstawionym wcześniej.
http://startbigthinksmall.wordpress.com/2008/10/30/beautyofcode-jquery-plugin-for-syntax-highlighting/

 

Ocena: 54321 (5.00/5), bazuje na 1 głosie.

 

Udostępnij ten artykuł innym:

 

Podobne artykuły

 
comments powered by Disqus

Hosting

Rejestracja domen

Tworzymy strony WWW

Firma

Platforma hostingowa o12.pl :: PROT Profesjonalne Technologie Sp. z o.o. 2003-2016