javascript - Cckeditor 仅出现在第一个字段中

Question

我其中有 ckeditor 字段的部分内容。

<%= form_for [point, page], role: 'form' do |f| %>

    ...

    <div class="form-group">
      <%= f.label :article, 'Текст' %>
      <%= f.cktext_area :article, class: 'form-control', rows: 10, ckeditor: {toolbar: 'mini'} %>
    </div>

    ...

<% end %>

我在一个页面上有两个这样的表单，是用以下代码生成的:

<div class="row">
  <div class="col-lg-6">
    <%= render partial: 'point_pages/index_page', locals: {point: @point, page: @page_from} %>
  </div>
  <div class="col-lg-6">
    <%= render partial: 'point_pages/index_page', locals: {point: @point, page: @page_to} %>
  </div>
</div>

但 ckeditor 仅在第一个表单上加载。在第二部分(使用 @page_to)，它仅加载文本区域，没有 ckeditor 工具栏。

感谢您的任何想法!

Answer 1

问题在于重复文本字段的 id。

Ckeditor 将其工具栏附加到具有特定 id 的字段。由于我在一个页面上有 2 个相似的 id，由于有 2 个相似的部分，它仅将工具栏附加到第一个。

希望这个答案有一天能对某人有所帮助:)