javascript - モーダル内で動作するbootstrap-wysihtml5-railsテキストエリア(ブートストラップモーダルを使用)を取得するには?

Question

私の coffeescript はモーダルを開き、bootstrapテキスト領域を内部に配置します。bootstrap-wysihtml5-railsその後、gemの機能がテキスト ボックスに適用され、ユーザーはすぐに使いやすいテキスト エディターを使用できるようになります。

しかし、ここで問題が発生します。どうやら wysihtml5 リンクの挿入は、私の実装では別のモーダルから開かれるモーダルで発生します。だから私は今2つの開いているモーダルを持っています:

リンク モーダルのテキスト フィールドをアクティブにできず、リンク モーダルを閉じることができないため、これにより問題が発生します。また、リンクモーダルがウィンドウに収まりません。

これを修正する方法はありますか？

これが私のコーヒースクリプトです：

$ ->

  editEmailText()

  $(document).ajaxSuccess (event, request, settings) ->
    editEmailText()
    if request.responseText.length isnt 2
      loadEditForm()


loadEditForm = ->

  console.log = ->

  text = $(".email-template-textarea")
  text.wysihtml5 events:

    blur: ->

    onChange = ->
      saveEmailText(text.val(), text.attr "id")

    editor.on "change", onChange

  editor.observe "load", ->
    editor.composer.element.addEventListener "keyup", ->
      saveEmailText(text.val(), text.attr "id")


saveEmailText = (value, email_template_id) ->

  # ...


editEmailText = ->

  editEmailTextBtn = $(".edit-btn")

  editEmailTextBtn.off "click"
  editEmailTextBtn.click (e) ->

    el = $(e.currentTarget)

    container = $("#jobs")
    container.children().remove()

    editBox = $("<textarea />").addClass("email-template-textarea")
    editBox.attr "placeholder", "Enter text ..."
    editBox.attr "style", "width: 99%; height: 100%"
    container.append(editBox)

    $("#Modal").modal().css "margin-left": ->
      -($(@).width() / 2)