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
... |
|
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment