Question

此时我正在使用此编辑器http://cksource.com/ckeditor 问题是，当我以新的形式访问时，textarea不起作用，但如果我在浏览器中更新新表单就可以了。

我的偏爱就是那个

<%= simple_form_for [@version, @documento], :html => { :class => 'form-horizontal' } do |f| %>

<table width="100%">
    <tr>
        <th>Nombre</th>
        <td><%= f.input :name, 
                :label      => false,
                :input_html => {:style => 'width: 380px;'} %>
        </td>
    </tr>
    <tr>
        <th>Tipo de Documento</th>
        <td>
            <%= f.association :tipo,
                :label      => false,
                :required   => true,
                :input_html => {:class => 'span2'}
            %>
            <%= link_to 'Nuevo',new_tipo_path, :remote => true %>
        </td>
    </tr>
    <tr>
        <th>Descripcion</th>
        <td><%= f.input :descripcion, 
                :label      => false, 
                :input_html => {:class => "ckeditor", :id => "descripcion"} %>
        </td>
    </tr>
</table>

<div class="form-actions">
    <%= f.button :submit, :class => 'btn btn-primary', :value => 'Guardar Documento' %>
    <%= link_to 'Cancelar', version_documentos_path(@version), :class => 'btn' %>
</div>

我该怎么做才能解决这个问题？

非常感谢

Answer 1

不确定您所看到的内容，并且您的帖子中没有列出错误，因此没有足够的信息可以继续，但您的表单看起来还不错。

如果您不反对，可以将gem用于ckeditor。它只是javascripts的一个包装器，以确保一切都在资产管道中运行而不会干扰您的表单。

https://github.com/tsechingho/ckeditor-rails

3个步骤

gem 'ckeditor_rails'将gem添加到Gemfile

//= require ckeditor-jquery在app.js

中包含js

<%= f.text_area :content, :class => 'ckeditor' %>将课程添加到文字区域输入

Answer 2

我找到了解决方案，就像我在上一个回答中说的那样，问题是turbolinks

在那种情况下，当我们不想使用使用turbolinks的链接时，我们只需要以这种方式制作div

<div data-no-turbolink>
  <%= link_to 'Nuevo Documento', new_version_documento_path(@version), :class => 'btn btn-primary' %>
  <%= link_to 'Atras', versions_path , :class => 'btn'%></div>

所以此链接不适用于turbo链接，但ckeditor gem没有任何问题

在textarea rails中使用Editor

2 个答案: