リモートのフォントアイコンが存在するかどうかを動的にチェックするにはどうすればよいですか？

Question

私は様々なプログラミング言語のためにこれらのDevicon font iconsを使用しています。

すべてのアイコンはありませんが、ほとんどのアイコンがあります。

私がしたいことは、このフォントライブラリがサポートしていない言語に使用するデフォルトアイコンを使用することです。

これらは彼らの命令です：question.languageは自分の質問にユーザーが送信した言語である

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

：

<!-- 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> 

だから私の見解で、私はこれを持っています。

存在しないアイコンが生成されると、そこに空白が残ります。

しかし、私はアイコンが存在するかどうかを確認する方法を、デフォルトに置き換える前に確認することはできません。

思考？

Answer 1

に

存在を意味しない作るこの

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

を試してみてください

だから、私が実際にこれを行うには、Deviconsから利用可能なアイコンのリストを解析することです。

私は手作業でヘルパーメソッドで配列を作成し、そこに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

その後、あなたは@iconがnilであると、検索

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

は、そのアイコンは、もはやあなたの場合

@icon = f[question.language]