Ostatnio chwaliłem się fajną zabawką do CSS, a mianowicie CSS Scaffold. Dziś zaś przyszła pora na zrobienie czegoś z HTML'em. HAML jest głównie znany osobom, które używają RoRa. Ja taką osobą nie jestem, więc przez długi czas omijałem temat szerokim łukiem.

Jednak któregoś dnia szlag mnie trafił i postanowiłem coś w końcu zrobić, bo efekt mieszania php i HTML'a na dłuższą metę jest tragiczny. Człowiek się gubi gdzie się pętle zaczynają, gdzie kończą i ogólnie jest bajzel. Okazało się, że ktoś był na tyle miły, żeby przeportować HAMLa na php i tak oto powstał pHAML. W porównaniu z oryginałem są pewne różnice, jednak to co najważniejsze zostało zachowane.

Pierwsze starcie

Dzięki pHAML kod ulega dość imponującemu skróceniu. Dla przykładu zobaczmy różnicę między w 'Hello world':

Przeanalizujmy linijka po linijce.
!!! Strict to nic innego jak doctype (koniec kopiowania tego cholerstwa za każdym razem)
%html %head etc - po prostu tagi, tyle że zamiast ich zamykać używamy wcięć.

Na pierwszy rzut wygląda to dziwnie, ale chwila wprawy i zaczyna być fajnie.

Parametry

Przekazywanie parametrów odbywać się może na kilka sposobów. Najbardziej uniwersalnym jest:

Jak się zapewne domyślacie w rezultacie otrzymamy:

Klasy i idy możemy jednak przekazywać w troszkę krótszej formie:

Po prostu po kropkach wymieniamy klasy a po # id.

Pewnym wyjątkiem jest div, gdzie nie trzeba pisać nazwy taga:

jest równoznaczne z:

Kilka przykładów na potwierdzenie, że HAML fajny jest

Do myków, które mi się strasznie podobają należą na pewno listy:

W końcu wygląda to czytelnie, szczególnie zagnieżdżenia.

Bardzo przyjemnie wyglądają też tabele:

Znaki specjalne

\ - wyświetla wiersz dosłownie taki jaki jest.
<<< oraz >>> - wyświetla zawartość dokładnie taką jaką jest znajdującą się między tymi znakami
/ - zamienia wiersz na typowy htmlowy komentarz
// - komentarz, ale niewidzoczny w htmlu

A jak tu php wrzucić?

Najprościej mówiąc - za pomocą myślnika:

to nic innego jak:

Jednak różnica jeśli chodzi o czytelność dość spora.

Wywoływanie

Pokazałem już jak pisanie w HAMLu wygląda, teraz czas to jakoś uruchomić. Najpierw pobieramy ze strony twórcy odpowiednie archiwum. Następny krok to rozpakowanie zipa.

Kiedy już wszystko mamy przygotowane tworzymy sobie plik np test.php a w nim piszemy:

Całą treść przypisujemy sobie do jakiejś zmiennej a potem przekazujemy jako parametry dla render i renderPHP.

Jeżeli uzywamy tylko htmla, nie jest potrzebna linijka $content = $pHAML->renderPHP($content);.

Zachęcam do zabawy, bo wywoływanie tego można zrobić na wiele wygodniejszych sposobów.

Drobne bugi

Wersja dostępna na phaml.sourceforge.net ma w sumie dwie wady. Jedna to taka, że wszystkie tagi traktuje jako podwójne, a druga, że stosuje notację htmlową, a nie xhtmlową.

Na szybko poprawiłem te dwie rzeczy i tagi pojedyncze zamyka poprawnie, a kwestię html/xhtml rozwiązałem poprzez dopisanie zmiennej $is_xhtml. Uprzedzam, że były to poprawki na szybko lecz nie zauważyłem żeby coś nie działało/działało źle. Plik do pobrania stąd.

Podsumowanie

Muszą przyznać, że (p)HAML jest fajnym wynalazkiem. Strasznie upraszcza widok HTMLa. Szkoda jednak, że pod PHP nie ukazała się żadna porządna i ciągle rozwijana implementacja (ta prezentowana tutaj nie sprawia już wrażenie rozwijanej) Pod tym względem muszę przyznać, że jest to coś czego programistom od Ruby'ego można pozazdrościć.

A Wy jakie znacie i polecacie substytuty zwykłego (x)HTML'a?