寶石綠猴 - 導軌

Question

有沒有人使用“ Green Monkey ”創建具有微數據屬性的 HTML 布局？

根據文檔，我正在努力了解如何從 Haml 到 Html.erb 的 go 。 例如，我還沒有弄清楚 Haml %span[:name]= item.name 。

除了[:name]之外，我得到了大部分。

如何在 html.erb 中翻譯這個？

Answer 1

Green Monkey 為 Haml 添加了一個擴展。 文檔顯示了輸入和 output 的樣子。

Haml 輸入（假設item.name設置為'Item name' ）：

%span[:name]= item.name

HTML output：

<span itemprop='name'>Item name</span>

它采用[]中的值，將其轉換為 HTML 屬性。 Symbols 成為itemprop屬性， Mida對象成為itemscope和itemtype屬性。

文檔在該示例上方提到的還有一個助手，它的工作方式如下：

<span<%=mida_scope(:item)%>><%=item.name%></span>

mida_scope將 Mida 感知對象轉換為 HTML 屬性並使用 Rails tag_builder.tag_options(html_attributes)輸出這些屬性。