【问题标题】:Gem Green Monkey - Rails宝石绿猴 - 导轨
【发布时间】:2020-04-14 13:33:38
【问题描述】:

有没有人使用“Green Monkey”创建带有微数据属性的 HTML 布局?

根据文档,我很难理解如何从 Haml 转到 Html.erb。例如,我还没有弄清楚Haml %span[:name]= item.name

除了[:name],我得到了大部分。

如何在 html.erb 中翻译这个?

【问题讨论】:

    标签: ruby-on-rails ruby haml erb


    【解决方案1】:

    Green Monkey 为 Haml 添加了一个扩展。文档显示输入和输出的样子。

    Haml 输入(假设 item.name 设置为 'Item name'):

    %span[:name]= item.name
    

    HTML 输出:

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

    它正在获取[] 中的值,并将其转换为 HTML 属性。符号变为itemprop 属性,Mida 对象变为itemscopeitemtype 属性。

    文档在该示例上面提到的还有一个助手,它的工作原理如下:

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

    mida_scope 将 Mida 感知对象转换为 HTML 属性,并使用 Rails tag_builder.tag_options(html_attributes) 输出这些属性。

    【讨论】:

    • 你好@Garrett,是的,差不多就是这样。除此之外,“mida_scope(:item)”帮助器只为 Schema 类型提供 html 输出,因为它看起来像这样:“ itemscope itemtype="schema.org/SchemaType"' 。因此,它不能用于创建例如,一个“itemprop”。我想对于那些我只需要以老式方式编写它们。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-09
    相关资源
    最近更新 更多