0

我刚刚从 Paperclip 迁移到 CarrierWave,无法显示 Bootsy WYSIWYG 编辑器。我的表单(及其文本字段,现在是<%= f.bootsy_area :text, rows: 12 %>)看起来与我安装 Bootsy 之前完全一样。关于如何使编辑器显示而不是单独显示旧文本区域的任何想法?谢谢。

我已经采取的步骤:

  1. 遵循Github 上的Bootsy 说明
  2. 将bootsy 演示应用程序代码的所有页面与我的进行比较
  3. 阅读相关 Bootsy已知问题
  4. 重新启动服务器
  5. 运行bundle update bootsy并重新启动服务器
  6. 从 application.scss 中删除了 fontawesome
  7. 阅读这个这个以及这个SO 问题

宝石文件:

`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

文章控制器.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>

新的.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>

资产.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 树来解决它。高于 //=需要 bootsy 。我无法解释为什么以及如何为我工作。

应用程序.js

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