Niedziela, 27 sierpnia 2006 :: 19:50:52
Kod źródłowy w dowolnym języku jako strona WWW (HTML)
GiM napisał ostatnio PERL-owy parser c2xhtml, służący do przedstawiania kodu źródłowego języka C w postaci kolorowej strony WWW. (Kolorowanie składni w HTML przydaje się np. do listowania na blogu fragmentów kodu naszego programu w ładny wizualnie sposób).
Ja pokażę Wam, jak uzyskać podobny efekt dla dowolnego języka (np. Java(Script), PERL, CSS, C#, Cobol, a nawet HTML), niezależnie od platformy. I to wszystko, bez potrzeby instalacji PERL-a (co na pewno docenią Windowsiarze).
Potrzebny natomiast będzie darmowy i otwarty edytor Vim oraz przeglądarka Opera (no, FF też będzie dobry :P). W Vima zaopatrujemy się tutaj - wybierając naszą platformę.
Po ściągnięciu, odpalamy gVima i otwieramy w edytorze kod, który chemy przekonwertować do HTML-a (i pokolorować mu składnię).
Następnie, z menu wybieramy Syntax → Convert to HTML.
Naszym oczom ukazuje się okno podzielone na dwa obszary:
Powyżej znajduje się wygenerowany kod strony HTML — poniżej, nasz oryginalny kod źródłowy.
Klikamy w górny obszar, i zapisujemy plik z kodem HTML. Teraz możemy oglądać go w przeglądarce:
Zauważcie, że wygenerowana strona HTML ma wygląd okna edytora, a dokładniej theme, z jakiego korzystamy w Vimie. (Ja korzystam z lekko przeze mnie zmodyfikowanego oceandeep). Nic jednak nie stoi na przeszkodzie, żeby zmienić theme na dowolny inny. (Jeśli nie wystarczą standardowe, zawsze można dociągnąć setki innych).
Aby zmienić schemat kolorów, z menu wybieramy: Edit → Color Scheme.
Dodatkowo, na powyższym usunięte zostały numery linii - co czyni kod łatwiejszym do kopiowania. (komenda Vima: <ESC>:set nonumbers)
Vim to potężny edytor, potrafiący robić bardziej WOW-things niż kolorowanie składni i eksport do HTML. Niestety, w naukę Vima trzeba zainwestować kilka godzin... Zainteresowanym polecam świetny przewodnik w języku polskim — idealny ma start! Sam z niego korzystałem, a od dwóch miesięcy, ciągle noszę wydrukowaną wersję w plecaku (poważnie! w końcu w 50% — przynajmniej przez najbliższych pare tygodni — jestem programistą PERL-a... :-)
PS: Dla wnikliwych. Export do HTML możemy odpalić wydając komednę :runtime! syntax/2html.vim w Normal mode. Również ta komenda powinna być używana w mapowaniach. Teraz już pewnie wiecie, , w którym pliku znajduje się kod odpowiedzialny za transport do HTML-a :-) Więc jeśli komuś nie podoba się generowany kod, to jazda; zmieniać i publikować!
• Następny post:
(Ugly) SSH via CGI (WWW)
• Poprzedni post:
Odeo - poczta głosowa dla Twojego bloga (strony WWW)
Chcesz być informowany o kolejnych wpisach na ten temat?
Kanał RSS: kliknij tutaj. Subskrybcja poprzez e-mail: kliknij tutaj.