Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/57.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何让bootstrap-wysihtml5-rails文本区(使用bootstrap modals)在modal中工作?_Javascript_Ruby On Rails_Twitter Bootstrap_Coffeescript_Wysihtml5 - Fatal编程技术网

Javascript 如何让bootstrap-wysihtml5-rails文本区(使用bootstrap modals)在modal中工作?

Javascript 如何让bootstrap-wysihtml5-rails文本区(使用bootstrap modals)在modal中工作?,javascript,ruby-on-rails,twitter-bootstrap,coffeescript,wysihtml5,Javascript,Ruby On Rails,Twitter Bootstrap,Coffeescript,Wysihtml5,我的咖啡脚本打开一个引导模式,并在其中放置一个文本区域。然后将bootstrap-wysihtml5-railsgem的功能应用到文本框中,用户突然有了一个很好的文本编辑器 但问题来了。显然,wysihtml5链接插入发生在一个模式中,我的实现是从另一个模式打开的。现在我有两个开放模态: 这会导致问题,因为现在我无法激活链接模式的文本字段,也无法关闭链接模式。此外,链接模式不适合窗口 你知道怎么解决这个问题吗 这是我的咖啡脚本: $ -> editEmailText() $(

我的咖啡脚本打开一个
引导
模式,并在其中放置一个文本区域。然后将
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)
$->
editEmailText()
$(文档).ajaxSuccess(事件、请求、设置)->
editEmailText()
如果request.responseText.length不是2
loadEditForm()
loadEditForm=->
console.log=->
text=$(“.email模板textarea”)
text.wysihtml5事件:
模糊:->
onChange=->
saveEmailText(text.val(),text.attr“id”)
编辑:关于“改变”,onChange
编辑器。观察“加载”,->
editor.composer.element.addEventListener“keyup”,->
saveEmailText(text.val(),text.attr“id”)
saveEmailText=(值,电子邮件模板id)->
# ...
editEmailText=->
editEmailTextBtn=$(“.edit btn”)
editEmailTextBtn.off“单击”
editEmailTextBtn.单击(e)->
el=$(e.currentTarget)
容器=$(“#作业”)
container.children().remove()
editBox=$(“”).addClass(“电子邮件模板文本区域”)
editBox.attr“占位符”,“输入文本…”
editBox.attr“样式”,“宽度:99%;高度:100%”
container.append(editBox)
$(“#Modal”).Modal().css“左边距”:->
-($(@).width()/2)