安裝gem（bootstrap-wysihtml5）時，我必須手動移動javascript和css文件嗎？

Question

我覺得我缺少一個重要步驟：

當安裝gem（即bootstrap-wysihtml5）我應該採取什麼措施才能正常查找和引用JavaScript和CSS文件。

我將gem bootstrap-wysihtml5添加到我的gem文件中，然後運行bundle install。

我把//= require bootstrap-wysithtml5放在application.js和*= require bootstrap-wysithtml5的application.css。

我得到以下錯誤：

Error compiling CSS asset 

Sprockets::File not found: couldnt find file 'bootstrap-wysihtml5.css' 

我是否有js和css手動複製到相關的應用程序/資產的文件，或者是有我丟失了關鍵的一步？

Answer 1

我找到了解決方案！謝謝你們的幫助。

通過將javascript引用的位置移動到此順序，它現在似乎工作。

//= require jquery 
//= require jquery_ujs 
//= require bootstrap-wysihtml5/b3 
//= require bootstrap/bootstrap 

我不知道爲什麼訂單會產生這樣的差異。但它現在起作用了！謝謝。

Answer 2

正如比利所說，正確的寶石是bootstrap-wysihtml5-rails。該gem安裝JS/CSS沒有你的部分進一步努力。

1. 添加到您的Gemfile：

   gem 'bootstrap-wysihtml5-rails' 
   

2. 一下添加到app/assets/javascripts/application.js：

   //= require bootstrap-wysihtml5 
   

3. 一下添加到app/assets/stylesheets/application.css：

   *= require bootstrap-wysihtml5 
   

請注意，bootstrap-wysihtml5-rails需要Bootstrap。如果您尚未添加引導到你的項目，請按照these steps從這種寶石的創造者：

1. 在Gemfile，添加以下內容：

   gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', 
              :github => 'anjlab/bootstrap-rails' 
   

2. 重命名app/assets/stylesheets/application.css到app/assets/stylesheets/application.css.scss

3. 添加以下爲app/assets/stylesheets/application.css.scss：

   @import "twitter/bootstrap"; 
   

4. 以下內容添加到app/assets/javascripts/application.js：

   //= require twitter/bootstrap 
   

一旦創業板&引導都安裝，初始化wysihtml5。

<textarea id="some-textarea" class='wysihtml5' placeholder="Enter text ..."></textarea> 
<script type="text/javascript"> 
    $(document).ready(function(){ 

    $('.wysihtml5').each(function(i, elem) { 
     $(elem).wysihtml5(); 
    }); 

    }); 
</script>