Question

我将这些Devicon font icons用于各种编程语言。

他们没有每个图标，但他们拥有最多。

我想要的是拥有一个默认图标，用于此字体库不支持的语言。

这些是他们的指示：

<!-- in your header -->
<link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/master/devicon.min.css">

<!-- in your body -->
<i class="devicon-ruby-plain"></i>

所以在我看来，我有这个：

        <div class="vote-icon">
          <i class="devicon-<%= question.language %>-plain"></i>
        </div>

其中question.language是用户提交的语言。

现在，当它生成一个不存在的图标时，它只留下一个空白区域。

但是我不太确定在用默认值替换之前如何检查图标是否存在。

思想？

Answer 1

因此，实际执行此操作的唯一方法是解析Devicons提供的图标列表。

所以我在helper方法中手动创建了一个数组中的列表，然后在那里进行了nil检查。

所以它看起来像这样：

  def language_icon(language)
    devicons = ["amazonwebservices", "android", "angularjs", "apache", "appcelerator", "apple", "atom", "backbonejs",
      "bitbucket", "bootstrap", "bower", "c", "chrome", "codeigniter", "coffeescript", "confluence", "cplusplus", "csharp",
      "css3", "d3js", "debian", "django", "docker", "doctrine", "dot-net", "drupal", "erlang", "firefox", "foundation", "gimp",
      "git", "github", "gitlab", "go", "grunt", "gulp", "heroku", "html5", "ie10", "illustrator", "inkscape", "java", "javascript",
      "jeet", "jetbrains", "jquery", "krakenjs", "laravel", "less", "linux", "meteor", "mongodb", "moodle", "mysql", "nginx",
      "nodejs", "nodewebkit", "orale", "photoshop", "php", "phpstorm", "postgresql", "python", "rails", "react", "redhat", "redis",
      "ruby", "safari", "sass", "sourcetree", "ssh", "symfony", "travis", "trello", "ubuntu", "vim", "windows8", "wordpress", "yii", "zend"]

    if devicons.include?(language)
      content_tag(:i, "", class: "devicon-#{language}-plain")
    else
      content_tag(:i, "", class: "fa fa-diamond")
    end
  end

这就像一个魅力。

我希望这有助于其他人！

Answer 2

试试这个

require 'open-uri'
=> true
f = open("https://cdn.rawgit.com/konpa/devicon/master/devicon.min.css").read
...load entire css file ...

然后你进行搜索

@icon = f["devicon-css3-plain"]

如果@icon为nil则表示该图标不再存在

在你的情况下

 @icon = f[question.language]

如何动态检查是否存在远程字体图标？

2 个答案: