2017-02-23 11 views
0

こんにちは私はruby on railsアプリケーションでTrumbowyg emojisプラグインを実装しようとしています。そこで、プラグインの実装方法のガイダンスについては、以下のリンクを参照しています。私は、ディレクトリ内の画像を保存し、(上記のように)レールのアプリでimg_dir下のディレクトリへの参照を作成するにはどうすればよいRuby on Rails - レールアプリケーションのディレクトリへの特定のパスを設定する

https://github.com/Alex-D/Trumbowyg/blob/master/examples/plugins/emoji.html

  $('#editor').trumbowyg({ 
      btns: [['emoji']] 
      }); 
      function initEmoji() { 
      emojify.setConfig({ 
       img_dir : '../../bower_components/emojify.js/dist/images/basic/', 
      }); 
      emojify.run(); 
      } 
      $('.trumbowyg-editor').bind('input propertychange', function() { 
      initEmoji(); 
      }); 
      initEmoji(); 

+0

emojisはアセットパイプラインを実行した後どこで終了しますか? –

+0

私がしたのは、私のレールアプリのappフォルダに置いたemojisというフォルダにpngファイルを置くことでした。私がimg_dirを** img_dirに設定したとき: "<%= Rails.root.join( 'app'、 'emojis')%>" **、コンソールで次のエラーが発生する** GET http:///localhost:3000/Users/kendrick/Desktop/work/working_hantly/mvp/app/emojis/japanese_ogre.png 404(見つからない)** @DaveNewton –

答えて

0

オプション1:正確にどのようにこのJavaScriptライブラリ作品を知らなくても資産パイプライン

に埋め込み、画像のパスがアセット・パイプラインに追加する必要があります。そうでない場合は、rake assets:precompileは、生成されるマニフェストファイル内のすべての絵文字イメージを含んでおらず、本番環境でそれらの資産をどのように提供するかを知りません(デフォルトの本番環境設定を前提とします)。

#設定/初期化子/ assets.rb

# Add additional assets to the asset load path 
Rails.application.config.assets.paths << Rails.root.join('path', 'to', 'emoji', 'image', 'directory') 

オプション2を参照してください:/public

別のオプションから静止画像をサーブは、すべての資産のパイプラインからこれらのファイルを提供しないことです。すべてのJSおよびCSSファイルでasset-urlを使用するようにJavascriptライブラリを変更せずにAsset Pipelineをこれらのアセットに正しく対応させることは難しいかもしれません。

代わりに、/publicの下のディレクトリにファイルをコピーして、Railsアプリでそのファイルを配信できるようにします。次に、Javascript設定のimg_dirを、ファイルが/ publicにあるパスになるように調整します。例:ファイルを/public/emoji_imagesに入れると、/emoji_imagesとなります。

どのようにアプリをホストしているかによって、serve_static_filesconfig/environments/production.rbに設定する必要があります。

関連する問題