必须点击刷新按钮以正确的格式，Javascript和Rails项目加载text_area

Question

我正在使用CKeditor https://github.com/tsechingho/ckeditor-rails。在Rails 4应用程序中。

我有它的工作，但是，我必须点击所设置的所见即所得页面上的刷新按钮。在我的application.js文件，我有这样的：

$(document).ready(function() { //this line was my attempt to fix the problem 
$('.ckeditor').ckeditor({ 
    // optional config 
}); 
}); //and this one which is just closing the function 

我的意思是，我得到的页面，所见即所得应该是和所有展现的是一个小text_area。当我点击刷新按钮时，所见即所得显示出来。我认为document.ready函数会修复它，但显然不是。任何想法为什么？在视图模板

我的Rails代码片段是这样的：

<%= f.text_area :description, :class => 'ckeditor' %> 

Answer 1

尝试

var ready; 
ready = function() { 
    $('.ckeditor').ckeditor({ 
    // optional config 
    }); 
}; 
$(document).ready(ready); 
$(window).load(ready); 

我猜你的网页是通过AJAX加载或者使用Turbolinks，是吗？

Answer 2

尝试初始化它在$（窗口）.load

Answer 3

问题是Turbolinks，如上所述。解决方案可以在这里找到：https://github.com/rails/turbolinks/#opting-out-of-turbolinks

您必须包括turbolinks并做一些事情在上面的链接中提到。