|
В консоле gem install haml
|
|
В gemfile gem "haml"
|
|
Все опции настариваютсчя в файле
config/initializers/haml.rb |
|
Отступ
|
2 пробела
|
|
html теги пишутся через %tag
|
%b , %p, %head
|
|
div теги пишутся с .class для класса и #id для id
|
.container, #message
|
|
Ruby с возвр. значения после =
|
=@user.name
|
|
Ruby код без вовзр после -
|
- 10.each do |x|
- end |
|
Атрибуты тега через хэш
|
%p {:class => "code", :id => "message"} Hello, World!
|
|
DOCTYPE заголовок
|
!!!
!!! Strict !!! Frameset !!! 5 !!! 1.1 !!! Basic !!! Mobile |
|
html комментарий
|
/ комментарий
|
|
haml комментарий
|
-#комментарий
|
|
Эскейп символ
|
\
|
|
Пустые теги
|
%br/
|
|
Интерполяция строк
|
%p Hello #{@user}!*
|
|
Многострочный Ruby через ,
|
- links = {:home => "/",
:docs => "/docs", :about => "/about"} |
|
%gee
%whiz Wow this is cool! |
<gee>
<whiz> Wow this is cool! </whiz> </gee> |
|
%a{title: @title} Stuff
|
<a title='...'>Stuff</a>
|
|
Можно использовать функции возвр. хэш:
def html_attrs(lang = 'en-US') {:xmlns => "http://www.w3.org/1999/xhtml", 'xml:lang' => lang, :lang => lang} end %html{html_attrs('fr-fr')} |
|
|
HTML5 data кастомные атрибуты
%a{:href=>"/posts", :data => {:author_id => 123}} <a data-author-id='123' href='/posts'></a> |
|
|
> - удалит whitespace вокруг тега
< - удалит whitespace внутри тега |
|
|
- (42...47).each do |i|
%p= i %p See, I can count! |
<p>42</p>
<p>43</p> <p>44</p> <p>45</p> <p>46</p> <p>See, I can count!</p> |
|
&= "Me & you"
& #{"Me & you"} |
Me & you
Me & you |
|
= "I feel <strong>!"
!= "I feel <strong>!" |
I feel <strong>!
I feel <strong>! |
|
Мультистроки:
%whoo %hoo= h( | "I think this might get " + | "pretty long so I should " + | "probably make it " + | "multiline so it doesn't " + | "look awful.") | %p This is short. |
|
|
- form_for stuff do
... |
|
No comments yet.
Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.
