Γρήγορη αναφορά

Οδηγός Slim (Cheat Sheet)

Γρήγορος οδηγός για τη μηχανή προτύπων Slim στη Ruby: συνοπτική σύνταξη, ετικέτες HTML, συνθήκες, βρόχοι και ενσωματωμένες μηχανές.

· Δημοσιεύτηκε

Βασικό παράδειγμα

doctype html
html
  head
    title Slim Examples
    meta name="keywords" content="template language"

  body
    h1 Markup examples
    #content
      p This example shows how to use Slim.

Ετικέτες και εμφώλευση

p
  | First line
  | Second line
h1.title#header Header text
a href="https://example.com" title="Home" Home Page

Χαρακτηριστικά (Attributes)

a href=url title=@title Link
input type="checkbox" checked=true
div class=["one", "two"]
div id="entry-#{entry.id}"

Αξιολόγηση κώδικα Ruby

- if user.admin?
  p Welcome Administrator!
- else
  p Welcome Guest!
= current_user.name
== raw_html_content

Βρόχοι (Loops)

ul
  - @items.each do |item|
    li = item.name

Ενσωματωμένες μηχανές

javascript:
  alert('Hello from Slim!');

sass:
  body
    color: #333

Αναφορές

Σχετικά θέματα