当安装gem(bootstrap-wysihtml5)时，我必须手动移动javascript和css文件

Question

我想我错过了一个至关重要的步骤：

安装gem时（即。 bootstrap-wysihtml5 ） 我应该采取哪些步骤才能正确查找和引用 javascript 和 css 文件。

我将 gem bootstrap-wysihtml5 添加到我的 gemfile 中，并运行捆绑包安装。

我把//= 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

正如比利所说，正确的宝石是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需要引导程序。如果尚未将引导程序添加到项目中，请按照此 gem 创建者提供的以下步骤操作：

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
   

一旦 gem 和 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>

Answer 2

我找到了解决方案！谢谢你们的帮助。

通过将 javascript 引用的位置移动到这个顺序，它现在似乎可以工作了。

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

我不知道为什么这个命令会产生如此大的不同。但它现在有效！谢谢。