我的咖啡脚本打开一个bootstrap
模式,并在里面放置一个文本区域。然后将 gem 的功能bootstrap-wysihtml5-rails
应用到文本框,突然间,用户可以使用一个不错的文本编辑器。
但问题来了。显然 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)