如何在单词中插入图像而不是某些字母？

Question

From my last question我正在创建一个应用程序，用户可以在其中输入将作为化学符号返回的名称（匹配时）。

我想使用真实符号作为图片，我尝试使用破坏的字体，但我不喜欢结果...... 所以我必须将图像显示为哈希的值... 这里有一些符号样本

collect_set

主要的问题是，我无法弄清楚如何围绕什么是化学符号进行循环，什么不是，因为我会连续几张代表化学品的图片符号或无化学字母......现在只显示一个...

这是views / show

class Convertor < ActiveRecord::Base

  def get_chemical
    symbols = {
      "ac" => "symbols/ac.jpg",
      "al" => "symbols/al.jpg",
      "am" => "symbols/am.jpg",
      "br" => "symbols/br.jpg",
      "ba" => "symbols/ba.jpg",
      "cr" => "symbols/cr.jpg"
      #there are soooo many I have to make sure how to do before creating all the keys, values

   }
    name.downcase.gsub!(Regexp.union(symbols.keys), symbols)
  end
end

现在在我的app / assets / images我只有两个测试图像br.jpg和al.jpg

如果在我的表格中我要求＆＃34; br＆＃34;转换我有：

如果我要求＆＃34; bral＆＃34;转换我有：

Answer 1

image_tag 使用单个图像文件作为源，我建议让 get_chemical 返回一个文件URL数组，您可以将其传递给函数，如本答案中所述：Multiple images in a rails image tag