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)