Question

在我的项目中，我有两个语言环境的表单，所以我在一个页面上有两个EpicEditors。但是，它不能很好地工作。

_form.html.erb

  <div id="tabs-1">
    <%= f.globalize_fields_for :ru do |g| %>

      <div class="form-inputs">
        <%= g.input_field :title, placeholder: t('.course_title') %>

        <div id="epiceditor">
        </div>

        <%= g.input_field :description, id: "epiceditor-textarea" %>

      </div>
    <% end %>
  </div>

  <div id="tabs-2">
    <%= f.globalize_fields_for :en do |g| %>

      <div class="form-inputs">
        <%= g.input_field :title, placeholder: t('.course_title') %>

        <div id="epiceditor">
        </div>

        <%= g.input_field :description, id: "epiceditor-textarea" %>

      </div>
    <% end %>
  </div>

  <div class="form-actions">
    <%= f.button :submit, t('.save'), class: "pull-right" %>
  </div>

application.js

  function LoadEditor(element) {
      new EpicEditor({
        container: element,
        textarea: '#epiceditor-textarea',
        theme: {
          preview: '/assets/application.css'
        }
      }).load();
    }

  $("#epiceditor").each(function(index, element) {
    LoadEditor(element)
  });

你能建议我做什么？当然我可以调用方法LoadEditor两次，但我认为这不是一个好的解决方案，因为那时我会添加更多的语言环境，也许。

使用此代码我有错误：
未捕获的TypeError：无法读取属性＆＃39;值＆＃39;为null

Answer 1

我在https://stackoverflow.com/a/35285968/936494给出了详细的答案。它显示了传递自定义选项以及如何使用它来实例化EpicEditor。请查看它并尝试使用给出的代码。我相信这会有所帮助。

一页上有多个epiceditors

1 个答案: