テキストファイルの内容をRailsのJavaScriptにロード

Question

RailsアプリケーションでJavaScriptを使用して動的にロードするSVGファイルがあります。 SVGをインラインでロードしてCSS fillプロパティを適用する必要があります。

SVGが表示される前に潜在的な遅れを避けるために、AJAX経由でSVGファイルを読み込むのではなく、私がやりたいものを理想的に

は、私のapp/assets/icons/ディレクトリに、私はアイコンcalendar.svgとphone.svgを持っているのRailsに伝えることです、とRails（スプロケットは？）これらSVGファイルの内容を取得し、文字列としてそれらを設定する必要があることJavaScriptオブジェクトSVGの値、私はこのように私のJavaScriptコードでそれらにアクセスできるように：

var view = { 
    render: function() { 
    this.element.innerHTML = SVG['app/assets/icons/calendar.svg']; 
    } 
}; 

好ましくは、溶液がちょうどSVGs以上に一般化された、と私は潜在的に経由してテキスト形式で任意のデータを読み込むことができますJS、例えばTEXT['app/assets/icons/calendar.svg']またはさらにTEXT['app/assets/etc/some-text-file.text']である。

これをRailsで実行する方法はありますか？

Answer 1

私たちは、このためにスプロケットトランスを書くことになった：https://github.com/cloversites/js-text-rails

$ bundle install js-text-rails 

は、例えば、あなたのファイルを必要とapp/assets/images/iconsファイルenvelope.svgが含まれているapp/assets/javascripts/application.js:

//= require_tree ../images/icons 

インチ

どこでもアプリケーションのJavaScriptコードでは、グローバルSVG変数を経由して、テキストファイルの内容にアクセス：

var envelopeIcon = SVG['icons/envelope']; 
// Do something with `envelopeIcon`...