如何在模态中使用bootstrap-wysihtml5-rails textarea（使用bootstrap模态）？

Question

我的coffeescript打开bootstrap模式，并在其中放置一个文本区域。然后将bootstrap-wysihtml5-rails gem的功能应用于文本框，突然用户可以使用一个很好的文本编辑器。

但问题出现了。显然wysihtml5链接插入发生在一个模式中，我的实现是从另一个模态打开的。所以我现在有两个开放模态：

这会导致问题，因为现在我无法激活链接模式的文本字段，而且我无法关闭链接模式。此外，链接模式不适合窗口。

知道如何解决这个问题吗？

这是我的咖啡因：

$ ->

  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)