安装gem（bootstrap-wysihtml5）时，我必须手动移动javascript和css文件吗？

我觉得我缺少一个重要步骤：安装gem（bootstrap-wysihtml5）时，我必须手动移动javascript和css文件吗？

当安装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手动复制到相关的应用程序/资产的文件，或者是有我丢失了关键的一步？

来源

2013-12-22 mike_eddie

根据文档，Rails的gem是'bootstrap-wysihtml5-rails'，而不是'bootstrap-wysihtml5'。 –

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

通过将javascript引用的位置移动到此顺序，它现在似乎工作。

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

我不知道为什么订单会产生这样的差异。但它现在起作用了！谢谢。

来源

2013-12-23 21:04:36

正如比利所说，正确的宝石是bootstrap-wysihtml5-rails。该gem安装JS/CSS没有你的部分进一步努力。

添加到您的Gemfile：
```
gem 'bootstrap-wysihtml5-rails' 
```
一下添加到app/assets/javascripts/application.js：
```
//= require bootstrap-wysihtml5 
```
一下添加到app/assets/stylesheets/application.css：
```
*= require bootstrap-wysihtml5 
```

请注意，bootstrap-wysihtml5-rails需要Bootstrap。如果您尚未添加引导到你的项目，请按照these steps从这种宝石的创造者：

在Gemfile，添加以下内容：

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

重命名app/assets/stylesheets/application.css到app/assets/stylesheets/application.css.scss
添加以下为app/assets/stylesheets/application.css.scss：
```
@import "twitter/bootstrap"; 
```
以下内容添加到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>

来源

2013-12-22 21:53:00

道歉，这是原始发布中的错误。我已经将gem'bootstrap-wysihtml5-rails'正确地指定为轨道宝石。我也安装了引导程序。重新启动rails服务器，并将/ b3添加到javascript和css要求的末尾后，文本区域现在正在显示。但是，没有任何按钮或格式工具存在...只是一个带有相关占位符文本的小文本区域。有任何想法吗？谢谢你的帮助！ –

您可以分享您的视图代码以及您在开发人员工具中遇到哪些错误？ –

安装gem（bootstrap-wysihtml5）时，我必须手动移动javascript和css文件吗？

回答

相关问题