在安装gem (引导-wysihtml5 5)时，是否必须手动移动javascript和css文件？

Question

我想我错过了重要的一步：

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

我将gem bootstrap-wysihtml5添加到我的gem文件中，并运行bundle安装。

我把//= 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中： 创业板“引导-wysihtml5 5-rails”
2. 将其添加到app/assets/javascripts/application.js中： //=需要引导-wysihtml5 5
3. 将此添加到app/assets/stylesheets/application.css*= require wysihtml5 5

注意，bootstrap-wysihtml5-rails需要引导。如果您还没有将引导程序添加到您的项目中，那么请遵循这个gem的创建者的这些步骤：

1. 在Gemfile中，添加以下内容： 创业板‘anjlab-引导-rails’，：需要=> '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中添加以下内容： //=需要twitter/引导程序

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