javascript - 一页上有多个始祖

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

_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：无法读取null的属性“值”

最佳答案

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

关于javascript - 一页上有多个始祖，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29198242/