0

Paperclip から CarrierWave に移行したばかりですが、Bootsy WYSIWYG エディタを表示できません。<%= f.bootsy_area :text, rows: 12 %>Bootsy をインストールする前とまったく同じように、私のフォーム (および現在は になっているそのテキスト フィールド) が表示されます。古いテキストエリアだけでなく、エディターを表示する方法についてのアイデアはありますか? ありがとう。

私がすでに取った手順：

  1. Github のBootsy の指示に従いました
  2. ブーツデモアプリコードのすべてのページを私のものと比較しました
  3. 関連する Bootsyの既知の問題を読む
  4. サーバーを再起動しました
  5. bundle update bootyを実行し、サーバーを再起動しました
  6. application.scss から fontawesome を削除しました
  7. this and this and this SO questionを読んでください

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`

記事.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

article_controller.rb

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

アプリケーション.js:

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

アプリケーション.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:

<%= 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:

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

Rails コンソールに基づく記事の列見出し

> 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"]
4

1 に答える 1

0

同様の問題がありました。//=require ツリーを移動することで解決しました。//= booty が必要です。理由と方法を説明することはできませんが、うまくいきました。

アプリケーション.js

`//= require jquery
//= require jquery_ujs
//= require jquery.turbolinks
//= require turbolinks
//= require_tree .
//= require bootsy`
于 2016-05-19T12:01:49.270 に答える