使用Rails 3.2

Question

類似整合的CKEditor到Integrating CKEditor with Rails 3.1 Asset Pipline

我想ckeditor我rails 3.2應用程序集成。

我已將所有ckeditor文件複製到/app/assets/javascripts/ckeditor/*下。

我有以下行我application.js和application.js包括在我的佈局文件：

//= require jquery 
//= require jquery_ujs 
//= require ckeditor/ckeditor 
//= require_self 

採取它的答案Integrating CKEditor with Rails 3.1 Asset Pipline

我可以理解，我需要補充的東西如：

config.assets.precompile += your_files 

我的development.rb文件當應用程序加載時，所有的ckeditor文件都會被預編譯。

雖然我嘗試了幾個路徑，不工作，我不斷收到以下錯誤：

有人能告訴我正確的正規表示法，以包括預編譯的所有文件，請？

Answer 1

我遇到同樣的問題，發現solution.Go以下鏈接： http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Specifying_the_Editor_Path

<script type="text/javascript"> 
var CKEDITOR_BASEPATH = '/assets/ckeditor/'; 
</script> 
<%= javascript_include_tag "application" %> 

你不需要設置任何config.assets.precompile。

Answer 2

關於這個問題最近有很多帖子，但是他們都沒有（包括像上面提到的那樣定義BASEPATH）爲我工作，所以我認爲這可能對某些人有幫助。

我通過與路徑

〜/ .rvm /寶石/紅寶石1.9.3x /寶石/ CKEditor的-3.7.0.rc3 （ 'X' 號是從目錄中複製文件解決了這個問題應用程序特定的，你的會不同）

到目錄/ assets/javascript。

然後，我可以在config.js文件中編輯工具欄的配置，使編輯器具有我想要的選項。這對我來說是完美的，因爲我總是希望在這個應用程序中有相同的選項。

UPDATE

我現在有它的資產管道，它屬於config.js文件的工作，但居住在我的.rvm寶石的CKEditor的代碼的復位。我認爲這是一個衝突，因爲我試圖重新定義他們的工具欄，名爲「Easy」。當我做了一個新的工具欄&設置一個是活動的，管道似乎工作正常。

ruby-on-rails-3.2ckeditor

Answer 3

我用這個指南添加的CKEditor中啓用了與資產管道的Rails 3.2 activeadmin： https://github.com/gregbell/active_admin/wiki/CKEditor-integration

它的工作就像一個魅力。

我做的唯一額外的事情是這行添加到我的環境：

config.assets.precompile += ['active_admin.css', 'active_admin.js', 'ckeditor/init.js'] 

Answer 4

我有一個類似的，而試圖在Rails 3.1應用程序，而資產管道多個樣式表和JavaScript的結合爲一體，使用stylesheet_link_tag和javascript_include_tag與緩存選項。在這種情況下，文件並不總是以正確的順序加載，其他ckeditor文件（如配置文件「config.js」）和語言文件（如「lang/en.js」）的路徑沒有明確定義。這意味着您將在檢索它們時收到其他附加的「NetworkError：404 Not Found」錯誤，並且配置和語言文件不可用，這會導致更嚴重的錯誤，如上面提到的Uncaught TypeError: Cannot read property 'options' of undefined。

使用Javascript超時並沒有幫助，並且設置CKEDITOR_BASEPATH也沒有幫助，至少如果您在編輯器加載之前在application.js中定義它，就像我那樣（可能順序在這裏嗎？） 。爲了使其工作，可以提取從普通高速緩存文件的CKEditor的的JavaScript（或把它拿出來的資產管道）和文件的其餘部分與

<%= javascript_include_tag 'ckeditor/ckeditor.js' %> 

Answer 5

後seperately加載它，我這個問題打幾個小時，但問題不是CKEditor，而是我的代碼。我將ckeditor.js腳本包含在我的部分視圖中，該視圖是通過AJAX呈現的，是的，您猜對了，沒有工作。一旦我移動了包括主佈局（_Layout）在內的腳本，問題就解決了。當然，這發生在我工作於ASP.NET MVC。對於其他Web框架，我沒有解決方案。

Answer 6

ckeditor with rails 3.2的問題是javascript庫路徑無法加載生產環境，因此我們需要正確修改路徑。 我下面的步驟：

在application.html.erb

<%= javascript_include_tag "application" , '/assets/ckeditor/ckeditor.js', '/assets/ckeditor/init.js'%> 

在production.rb文件

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

運行資產

rake assets:precompile:all 

這些步驟，工作對我來說導軌版本3.2.8

Answer 7

這只是一個補充。我想這一切，並沒有爲我工作，所以我所做的就是我的CKEditor寶石變爲gem 'ckeditor'

，並將此向我​​的application.js

//= require ckeditor/init 

然後預編譯我的資產，我加入這對我的生產。RB文件

config.assets.precompile += Ckeditor.assets 

而這一切，像變魔術一樣

Answer 8

軌3.2 FIX：

資產/ JavaScript的
1. /application.js中

   ... blablabla ... 
   //= require ckeditor_fix  #- add this line 
   //= require ckeditor/init 
   //= require_tree .

資產
2. /JavaScript的創建新的文件ckeditor_fix .js

   var CKEDITOR_BASEPATH = '/assets/ckeditor/';

Answer 9

請注意，這些答案中的很多答案指的是ckeditor gem（https://github.com/galetahub/ckeditor/），而不僅僅是ckeditor項目（http://ckeditor.com），尤其是在您看到對ckeditor/init.js文件的引用的地方。

還有其他的ckeditor集成的寶石，包括ckeditor-rails（https://github.com/tsechingho/ckeditor-rails），這是一個更輕，更簡單的解決方案。

另請參見Integrating CKEditor with Rails 3.1 Asset Pipline

Answer 10

有類似的問題。對我來說，它是通過覆蓋默認預編譯任務（我使用Rails 4和CkEditor 4）來修復的。

1. 添加到application.rb中config.assets.precompile += ['ckeditor/*']
2. 在application.js中//= require ckeditor/init
3. 從這個答案創建文件lib/tasks/precompile_hook和粘貼文本Precompile hook

Answer 11

步驟1：添加gem 'paperclip'和gem "ckeditor"在的Gemfile。

步驟2：捆綁安裝。

步驟3：rails generate ckeditor:install --orm=active_record --backend=paperclip

步驟4：地點config.autoload_paths += %W(#{config.root}/app/models/ckeditor) in application.rb

步驟5：地點mount Ckeditor::Engine => "/ckeditor"如果不存在已經和運行db:migrate

步驟6：打開application.html.erb並把這個<%= javascript_include_tag 'ckeditor/ckeditor.js' %>放在他裏面阿德。

步驟7：在application.html.erb

<script type="text/javascript"> 
    $(document).ready(function() { 
    if ($('textarea').length > 0) { 
     var data = $('textarea'); 
     $.each(data, function(i) { 
      CKEDITOR.replace(data[i].id); 
     }); 
    } 
}); 
</script> 

步驟8將這個在頁腳（body標籤以上）：重新啓動WEBrick服務器。 就是這樣。

Answer 12

最後一個簡單的工作解決方案。

下載CKEditor Zip file，提取文件並將其放置在子目錄「的JavaScript/CKEditor的」，主要JS文件添加到佈局..

javascript_include_tag 'ckeditor/ckeditor.js' 

..和寫的有點JavaScript代碼

$(document).ready(function() { 
    if ($('textarea').length > 0) {  
    var data = $('textarea'); 
    $.each(data, function(i) { 
     CKEDITOR.replace(data[i].id); 
    });  
    } 
}); 

信用Source