3

我有一个这样的CKeditor图片模型：

class Ckeditor::Picture < Ckeditor::Asset
  before_save :set_vars
  has_attached_file :data,
                :url  => "/ckeditor_assets/pictures/:id/:style_:basename.:extension",
                :path => ":rails_root/public/ckeditor_assets/pictures/:id/:style_:basename.:extension",
                :styles => { :content => '600>',:medium => '300x300', :quintet => '150x150', :thumb => '118x100#' }

  validates_attachment_size :data, :less_than => 2.megabytes
  validates_attachment_presence :data

  def url_content
    url(:content)
  end

  protected
  def set_vars
    #self.assetable_id = id
    #self.assetable_type = controller_name
  end
end

我想要的是在创建新图片期间填充“assetable_id”和“assetable_type”（因为数据库表中有列）。我想给他们传递变量。就像图片链接到的帖子/事件/用户的 id。当然，图片分配给的“模型”类型 - 再次发布/事件/用户。

我不知道这是否是正确的解决方案，但我不知道如何解决它。关于 CKeditor gem、配置设置和 Rails 的在线文档太可怕了——我正在寻找几个小时和几个小时，但我找不到与我想要的非常相似的东西——所以请帮忙。

我知道如何调整上传参数，但它们似乎都没有做我想做的事情：

Started POST "/ckeditor/pictures?CKEditor=post%5B14%5D&CKEditorFuncNum=1&
langCode=en&%3Aassetable-id=0&assetable_type=post&
authenticity_token=fsKA68sxkzQpiSMmtcP782i4oI%2FA6KSIsSZuwO5zDWA%3D" for 127.0.0.1 at 
2013-04-15 10:05:06 +0200

Processing by Ckeditor::PicturesController#create as HTML

Parameters: {"upload"=>#<ActionDispatch::Http::UploadedFile:0x007f94f80beef8 
@original_filename="kb_new.png", @content_type="image/png", @headers="Content-
Disposition: form-data; name=\"upload\"; filename=\"kb_new.png\"\r\nContent-Type: 
image/png\r\n", @tempfile=#<File:/tmp/RackMultipart20130415-3130-1ls814r>>, 
"CKEditor"=>"post[14]", "CKEditorFuncNum"=>"1", "langCode"=>"en", ":assetable-id"=>"0", 
"assetable_type"=>"post", 
"authenticity_token"=>"fsKA68sxkzQpiSMmtcP782i4oI/A6KSIsSZuwO5zDWA="}
User Load (0.2ms)  SELECT `users`.* FROM `users` WHERE `users`.`id` = 1 LIMIT 1
[ALL THE FORMATING STUFF]


SQL (0.6ms)  INSERT INTO `ckeditor_assets` (`assetable_id`, `assetable_type`, `created_at`, `data_content_type`, `data_file_name`, `data_file_size`, `height`, `type`, `updated_at`, `width`) VALUES (NULL, '0', '2013-04-15 08:05:07', 'image/png', 'kb_new.png', 291770, 419, 'Ckeditor::Picture', '2013-04-15 08:05:07', 450)

[paperclip] Saving attachments.

(62.5ms)  COMMIT

Rendered text template (0.0ms)

Completed 200 OK in 929ms (Views: 0.5ms | ActiveRecord: 63.6ms)

也看看这个问题：

如何根据图片模型在Ruby On Rails的CKeditor中设置图片的大小？

4

4 回答 4

5

我实际上想通了这一点，并有一个可行的解决方案。我也尝试在谷歌上搜索所有内容，并发现关于如何将自定义参数添加到 Rails 中的 Ckeditor 上传的零信息。

这是我所做的：

  1. 让我们从表单本身开始。使用 Ckeditor，一切都由 URL 驱动。因此，当您单击图像图标时，会出现弹出窗口，然后单击“浏览服务器”按钮，您会注意到它会打开一个带有 URL 的新弹出窗口。这是您需要修改的第一个 URL。然后，当您实际上传图像时，它会向另一个 URL 发送一个 post 请求。这是您需要修改的第二个 URL。

默认情况下，这些 URL 设置为 Ckeditor::PicturesController 上的“索引”和“创建”操作。这是 gem 存储库中此控制器文件的链接，稍后您将需要它 - https://github.com/galetahub/ckeditor/blob/2dd963fae117726976e5bf1dc264e27d3741fea8/app/controllers/ckeditor/pictures_controller.rb

所以从逻辑上讲，我们需要做的是修改这些 URL，以便我们可以添加自己的自定义代码来控制发生的情况。所以这就是我所做的（注意“ckeditor”哈希）：

<%= cktext_area_tag 'column1_body', @section, 
    :ckeditor => { 
      filebrowserImageUploadUrl: "/ckeditor/pictures?website_id=#{@website.id}",
      filebrowserImageBrowseUrl: "/picture_overrides" 
} %>

凉爽的。

2.所以首先我用'/picture_overrides'修改了filebrowserImageBrowseUrl。这意味着当有人单击 BROWSE SERVER 按钮时，它将调用我的 PictureOverridesController 上的“索引”操作。所以我添加了路线，创建了控制器文件和视图。

对于视图，我完全从 gem 中复制了视图文件，这里是https://github.com/galetahub/ckeditor/blob/master/app/views/ckeditor/pictures/index.html.erb。注意：那里有一个部分，所以你也需要抓住它。

现在在我的新“PictureOverridesController”文件中，我编辑了“索引”操作，如下所示：

def index
  # I need to find the website
  @website = Website.find_by_subdomain(request.subdomain)
  # I can scope @pictures to only contain the images the user should see.
  @pictures = Ckeditor::Picture.where(website_id: @website.id)
end

然后，在此过程中会调用其他一些私有方法，因此您还需要将以下代码添加到此控制器文件中（只需剪切和粘贴）。你会注意到我从 gem 文件的同一个控制器中获取了这段代码。

  protected

  def find_asset
    @picture = Ckeditor.picture_adapter.get!(params[:id])
  end

  def authorize_resource
    model = (@picture || Ckeditor.picture_model)
    @authorization_adapter.try(:authorize, params[:action], model)
  end

有了这个，现在我的用户将只能看到具有正确 website_id 的图像。

现在，我需要确保当用户通过 Ckeditor 上传图像时设置 website_id。

3.虽然您当然可以修改此控制器文件上的创建操作，并将 URL 设置为此，但我选择了不同的方式。如上所示，我只是将 website_id 添加到 URL 中。不幸的是， Ckeditor::Picture 实例不会自动保存它。所以我决定在 ApplicationController 中使用 after_filter 来完成此操作，如下所示：

    after_filter :ckeditor_add_website_id

    def ckeditor_add_website_id
      if params[:controller] == 'ckeditor/pictures' && params[:action] == 'create'
        @website = find_website_by_domain_subdomain(request)
        @picture.update_attributes(website_id: @website.id)
      end
    end

它只是工作。

最后——不要忘记将自定义 URL 添加到您使用 Ckeditor 的任何表单中。

于 2013-11-16T22:59:26.997 回答
2

我认为最简单的解决方案：

#controllers/application_controller.rb
protected

def ckeditor_pictures_scope(options = { :assetable_id => "#{current_page.id}" ,:assetable_type => "Page" })
  ckeditor_filebrowser_scope(options)
end

def ckeditor_attachment_files_scope(options = { :assetable_id => "#{current_page.id}" ,:assetable_type => "Page" })
  ckeditor_filebrowser_scope(options)
end


def ckeditor_before_create_asset(asset)
  asset.assetable = current_page if current_page
  return true
end
于 2014-01-23T11:04:48.143 回答
1

感谢 nfriend21 和 wacaw 的解决方案。这个问题困扰了我一个星期！

wacaw的解决方案是最简单最干净的，但我是受nfriend21启发完成的。对于像我这样没有经验的人来说，它可能很有用。

我有一个包含许多编辑器的页面，每个编辑器都有不同的 ID（名为 column_id）。我希望将 column_id 保存为 Column 类型的asset_id（在我的应用程序中定义的对象）。

1）我更改页面中所有编辑器的网址：

for (instance in CKEDITOR.instances) {
          var editor = CKEDITOR.instances[instance];
          var id = editor.name.substr(6);

          if(editor) {
            editor.config.filebrowserImageBrowseUrl = "/ckeditor/pictures?column_id=" + id;
            editor.config.filebrowserImageUploadUrl = "/ckeditor/pictures?column_id=" + id;
          }
}

请注意，我将编辑器的 ID 提取为包含它的 div 的 ID 的子字符串...即 editor134、editor245 等：我删除了前 6 个字符。

另请注意，我使用 ckeditor 的 gem 的原始 PicturesController。

2）现在，在ApplicationController中修改一下wacav解决方案：

#controllers/application_controller.rb
protected

  def ckeditor_pictures_scope(options = { :assetable_id => params[:column_id], :assetable_type => "Column"})
    ckeditor_filebrowser_scope(options)
  end

  # to be modified: at this moment I'm interested in pictures only
  def ckeditor_attachment_files_scope(options = { :assetable_id => "#{current_page.id}" ,:assetable_type => "Page" })
    ckeditor_filebrowser_scope(options)
  end


  def ckeditor_before_create_asset(asset)
    asset.assetable = Column.find(params[:column_id])
    return true
  end

我希望它可以对其他人有所帮助。

于 2016-07-10T08:35:55.217 回答
-1

您正在搜索的是使用多态图片模型，该模型将属于许多其他模型。

请在这里阅读http://rails-bestpractices.com/posts/45-use-sti-and-polymorphic-model-for-multiple-uploads，因为它的描述很好。

于 2013-04-14T20:50:37.060 回答