Cheatography
https://cheatography.com
УстановкаВ консоле 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
... |
|
Help Us Go Positive!
We offset our carbon usage with Ecologi. Click the link below to help us!
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment