ckeditor gem自定义config.js未加载生产

Question

我遵循在Gem Readme上使用的说明，在我的Rails应用程序上使用CKEditor，但是一旦我尝试使用Heroku在Heroku上使用它，使用的config.js文件就是来自CDN链接，而不是来自我的资产/JavaScripts/ckeditor/config.js文件。自定义配置在开发环境中起作用。

ckeditor.rb初始化器/资产/应用程序.rb

Rails.application.config.assets.version = '1.0'
Rails.application.config.assets.precompile += %w( ckeditor/*)
Rails.application.config.assets.precompile += %w( custom_styling.css )

初始化/资产/ckeditor.rb

    Ckeditor.setup do |config|
      require 'ckeditor/orm/active_record'
       config.image_file_types = %w(jpg jpeg png gif tiff)
       config.attachment_file_types = %w(mp4 doc docx xls odt ods pdf rar zip tar tar.gz swf)
       config.cdn_url = "//cdn.ckeditor.com/4.11.3/standard/ckeditor.js"
       config.js_config_url = 'ckeditor/config.js'
    end

资产/javascripts/ckeditor/config.js

    CKEDITOR.editorConfig = function( config ) {
      config.language = 'en';
      config.uiColor = '#ffffff';
      config.filebrowserBrowseUrl = "/ckeditor/attachment_files";
      config.filebrowserFlashBrowseUrl = "/ckeditor/attachment_files";
      config.filebrowserFlashUploadUrl = "/ckeditor/attachment_files";
      config.filebrowserImageBrowseLinkUrl = "/ckeditor/pictures";
      config.filebrowserImageBrowseUrl = "/ckeditor/pictures";
      config.filebrowserImageUploadUrl = "/ckeditor/pictures?";
      config.filebrowserUploadUrl = "/ckeditor/attachment_files";
      config.allowedContent = true;
      config.toolbar = [
        { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source'] },
        { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
        { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
        { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar' ] },
      ];
    };

config/initializers/Assets.rb

Rails.application.config.assets.version = '1.0'
Rails.application.config.assets.precompile += %w( ckeditor/config.js)
Rails.application.config.assets.precompile += %w( custom_styling.css )

views/aprent_templates/edit_form.html.erb

<%= javascript_include_tag Ckeditor.cdn_url %>
<textarea id="content" name="content" class="ckeditor"><%= raw @article.content %></textarea>

Answer 1

首先，您应该在ckeditor.rb中为config.js设置正确的路径：

config.js_config_url = "/assets/ckeditor/config.js"

但没有用，因为是默认路径

  # JS config url
  # Used when CKEditor CDN enabled
  # By default: "/assets/ckeditor/config.js"
  # config.js_config_url = "/assets/ckeditor/config.js"

您也应该以这种方式更改资产预编译：

Rails.application.config.assets.precompile += %w(ckeditor/config.js)