Rails4：Bootsy所見即所得編輯器不顯示

我剛剛從Paperclip遷移到CarrierWave，無法使Bootsy所見即所得編輯器顯示。我的表單（和它的文本字段，現在是<%= f.bootsy_area :text, rows: 12 %>）看起來和我在安裝Bootsy之前完全一樣。關於如何讓編輯器顯示而不是單獨使用舊的textarea的任何想法？謝謝。Rails4：Bootsy所見即所得編輯器不顯示

步驟我已經採取不已：

在Github上遵循Bootsy instructions
相比bootsy demo應用程序代碼的所有網頁，以挖掘
閱讀相關Bootsy known issues
重新啓動服務器
跑捆綁更新bootsy和重新啓動服務器
除去從application.scss fontawesome
閱讀this和this和this SO質疑

的Gemfile：

`source 'https://rubygems.org' 
ruby '2.3.0' 
gem 'rails', '4.2.2' 
gem 'pg' 
gem 'sass-rails', '~> 5.0' 
gem 'uglifier', '>= 1.3.0' 
gem 'coffee-rails', '~> 4.1.0' 
gem 'jquery-rails' 
gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6' 
gem 'devise', '~> 3.5', '>= 3.5.6' 
gem "font-awesome-rails" 
gem 'paperclip', '~> 4.2' 
gem 'aws-sdk', '~> 1.66' 
gem 'figaro', '~> 1.1', '>= 1.1.1' 
gem 'simple_form' 
gem 'mail_form' 
gem 'acts-as-taggable-on', '~> 3.4' 
gem 'fog' 
gem 'rmagick', '~> 2.15', '>= 2.15.4' 
gem 'carrierwave' 
gem "fog-aws" 
gem 'bootsy', github: 'volmer/bootsy' 
gem 'jbuilder', '~> 2.0' 
gem 'sdoc', '~> 0.4.0', group: :doc`

article.rb

class Article < ActiveRecord::Base 
    include Bootsy::Container 
    mount_uploader :image, ImageUploader 
    has_many :comments, dependent: :destroy 
    has_attached_file :image, styles: { large: "900x900>", medium: "500x500>", thumb: "250x250>" } 
    belongs_to :user 
    validates :title, presence: true, 
        length: { minimum: 5 } 
    validates_attachment_content_type :image, content_type: /\Aimage\/.*\Z/ 
    acts_as_taggable_on :tags 
end

周

articles_controller.rb

private 
    def article_params 
    params.require(:article).permit(:title, :text, :image, :user_id, :subtitle, :tag_list, :bootsy_image_gallery_id) 
    end

的application.js：

//= require jquery 
//= require jquery_ujs 
//= require bootstrap-sprockets 
//= require bootstrap 
//= require bootsy 
//= require_tree .

application.scss：

@import "bootstrap"; 
@import "bootstrap-sprockets"; 
@import "bootsy"; 
@import "font-awesome"; 
@import url(https://fonts.googleapis.com/css?family=Delius+Swash+Caps); 
@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie); 
@import url(https://fonts.googleapis.com/css?family=Special+Elite); 
@import url(https://fonts.googleapis.com/css?family=Londrina+Shadow);

_form.html.erb：根據軌道控制檯

<div class="container"> 
    <div class="jumbotron"> 
     <div class="row"> 
     <div class="col-md-8 col-md-offset-2"> 

      <h1>New article</h1> 
        <%= render 'form' %> 
        <%= link_to 'Back', articles_path %> 

      </div> 
     </div> 
    </div> 
</div>

assets.rb

Rails.application.config.assets.version = '1.0' 
Rails.application.config.assets.precompile += %w(bootsy/gallery-loader.gif) 

#CSS 

Rails.application.config.assets.precompile += %w(bootstrap.min.css) 
Rails.application.config.assets.precompile += %w(animate.css) 
Rails.application.config.assets.precompile += %w(bootstrap.css) 
Rails.application.config.assets.precompile += %w(bootstrapTheme.css) 
Rails.application.config.assets.precompile += %w(custom.css) 
Rails.application.config.assets.precompile += %w(general.css) 
Rails.application.config.assets.precompile += %w(magnific-popup.css) 
Rails.application.config.assets.precompile += %w(owl.carousel.css) 
Rails.application.config.assets.precompile += %w(owl.theme.css) 
Rails.application.config.assets.precompile += %w(style.css) 
Rails.application.config.assets.precompile += %w(bootsy.css)

條列標題：

<%= form_for @article, html: {multipart: true} do |f| %> 

    <% if @article.errors.any? %> 
    <div id="error_explanation"> 
     <h2> 
     <%= pluralize(@article.errors.count, "error") %> prohibited 
     this article from being saved: 
     </h2> 
     <ul> 
     <% @article.errors.full_messages.each do |msg| %> 
      <li><%= msg %></li> 
     <% end %> 
     </ul> 
    </div> 
    <% end %> 

    <p> 
    <%= f.label :image %> 
    <%= f.file_field :image %> 
    </p> 
    <p> 
    <%= f.label :title %> 
    <%= f.text_field :title %> 
    </p> 
    <p> 
    <%= f.label :subtitle %> 
    <%= f.text_field :subtitle %> 
    </p> 

    <%= f.label :text %> 
    <%= f.bootsy_area :text, rows: 12%> 

    <p> 
    <%= f.label :tags %> 
    <%= f.text_field :tag_list %> 
    </p> 

    <p> 
    <%= f.submit %> 
    </p>

new.html.erb

> Article.column_names 
=> ["id", "title", "text", "created_at", "updated_at", "image_file_name", "image_content_type", "image_file_size", "image_updated_at", "user_id", "subtitle", "image"]

來源

2016-04-24 Noob005

我有類似的問題。我通過移動// = require樹來解決它。高於// =需要bootsy。我無法解釋爲什麼以及如何爲我工作。

申請。js

`//= require jquery 
//= require jquery_ujs 
//= require jquery.turbolinks 
//= require turbolinks 
//= require_tree . 
//= require bootsy`

來源

2016-05-19 12:01:49

Rails4：Bootsy所見即所得編輯器不顯示

回答

相關問題