Javascript 使用CarrierWave和Rails设置Froala WYSIWYG编辑器

我一直在努力让弗罗拉完全配合我的轨道设置。我有一种类似于博客的应用程序，其中包含与每篇文章相关联的文章和图像

class Post < ActiveRecord::Base
has_many :images
accepts_nested_attributes_for :images

class Image < ActiveRecord::Base
belongs_to :post
mount_uploader :image, ImageUploader

class Post

我正在想办法让这件事和弗罗拉合作。我可以在Froala配置中设置上传URL，但我不知道应该是什么

<script>
  $(function() {
    $('.selector').froalaEditor({
      // Set the image upload URL.
      imageUploadURL: '????',

      imageUploadParams: {
        id: 'my_editor'
      }
    })
  });
</script>

$（函数（）{
$（'.selector'）.froalaEditor({
//设置图像上载URL。
imageUploadURL:“？？”，
imageUploadParams：{
id:“我的编辑”
}
})
});

---

我整天都在研究这个问题，想尽一切办法。任何帮助都将不胜感激。谢谢。

哦，好吧，假设你和我在froala&rails 4中遇到了同样的陷阱。 我建议你应该仔细阅读CarrierWave文件

嗯，如果你想找一个更详细的例子，我会想出这个例子。在我看来相当不错

---

快乐编码

我使用carrierwave和fog上传到Amazon S3。这里是它的样子，我将跳过雾部分，您可能需要做一些调整。然而，这个概念很简单

我使用了angularJS，但是jquery选项应该是这样的。您需要使用POST方法定义上载路由

javascript：

<script>
    $(function() {
        $('.selector').froalaEditor({
            // Set the image upload URL.
            imageUploadURL: '/attachment/upload.json',
            imageUploadMethod: 'POST'
        })
    }
</script>

在route.rb中，设置到控制器的路由#方法

---

因此，您将通过POST获得一个路由/附件/上传，它称为附件#上传。希望有帮助！如果有什么让你感到困惑，请告诉我。

你明白了吗？此外，您还可以在下面的答案中找到上载url和实现示例

-- attachment.rb
class Attachment < ActiveRecord::Base
    mount_uploader :picture, PictureUploader
end

-- attachments_controller.rb
class AttachmentsController < ApplicationController
    skip_before_filter :verify_authenticity_token
  ...


    def upload
        # The Model: Attachment, created below.

        @attachment = Attachment.new
        @attachment.picture = params[:file]
        @attachment.save

        respond_to do |format|
            format.json { render :json => { status: 'OK', link: @attachment.picture.url}}
        end
    end
    ...

end

rails generate uploader Picture
rails g model attachment picture:string
rake db:migrate

post 'attachment/upload' => 'attachments#upload'