【问题标题】:How to 'name' images in Rails?如何在 Rails 中“命名”图像?
【发布时间】:2016-04-29 01:47:05
【问题描述】:

因此,在 html 中,您可以使用代码 <img class="myimage" src="image.jpg">,这使得在 .css 中的编辑变得更加容易。 处理 .html.erb 文件时,这相当于什么?

例如,我在哪里定义 <%= image_tag "image.jpg" %> 中的类?

【问题讨论】:

  • 我假设您的意思是您使用的是 Rails,而不仅仅是 Ruby?他们不是一回事。 Rails 是用 Ruby 编写的 Web 应用程序框架。如果您查看image_tag 的 Rails 文档,您会找到您需要的。只需谷歌“rails image_tag”,您就会找到它。你用的是什么版本的 Rails?使用旧式哈希,您可以:<%= image_tag 'image.jpg', :class => 'myimage' %>.
  • 哦,抱歉,我是新手,是的,我是 Rails。感谢您的帮助

标签: html css ruby-on-rails ruby


【解决方案1】:

您仍然可以在 .html.erb 文件中使用本机 HTML,正如您所展示的那样。这绝对适用于 ERB 模板:

<img class="myimage" src="image.jpg">

这通常会比使用动态方法渲染速度稍快,并且具有完全符合您的意图的好处。

如果您选择动态标签选项,您可以参考ActionView::Helpers::AssetTagHelper 参考。要使 Rails (ActionView) 与您显示的内容等效,您可以使用以下语法:

<%= image_tag 'image.jpg', class: 'myimage' %>

请注意,带有class: 'myimage' 的部分将class 属性作为哈希值提供,这只是{ class: 'myimage' } 的快捷语法。

您还可以通过提供id 选项来提供一个ID,以将此图像与同一类的其他图像区分开来,如下所示:

<%= image_tag 'image.jpg', class: 'myimage', id: 'image-1' %>

这将生成以下 HTML:

<img src="image.jpg" class="myimage" id="image-1">

从那时起,如果需要,您可以独立于其他 myimage 图像设置 image-1 图像的样式。

【讨论】:

    【解决方案2】:

    你可以使用这个语法;

    <%= image_tag('foo.jpg', class: 'myimage') %>
    

    它会为你工作!

    【讨论】:

      【解决方案3】:

      我认为逗号会有所帮助,所以:

       <%= image_tag 'foo.jpg', class: 'bar' %>
      

      【讨论】:

        猜你喜欢
        • 2017-04-04
        • 2019-10-14
        • 1970-01-01
        • 2016-10-02
        • 2011-04-09
        • 1970-01-01
        • 2011-01-01
        • 2020-02-24
        • 2016-09-01
        相关资源
        最近更新 更多