Javascript Meteor和语义用户界面上的Summernote错误

我使用了summernote软件包：对于我的网站，除了插入图像、视频和链接的功能外，其他一切都很好用

例如：

• 单击“插入链接”按钮（图像和视频相同）

• 将出现一个弹出窗口来设置链接

• 点击弹出窗口的任何地方，它就消失了

这是我的代码：

post_edit.html

<template name="postEdit">
<div class="ui segment">
    <form class="ui form">
        <h1 class="ui dividing header">Edit post</h1>
        <div class="field">
            <label>Title</label>
            <input type="text" id="title" name="title" value="{{title}}">
        </div>
        <label>Content</label>
        <div class="field" id="content" name="content">
            {{{content}}}
        </div>
        <button type="submit" class="ui orange button"><i class="edit icon"></i> Edit</button>
        <a class="negative ui button delete"><i class="remove icon"></i> Delete</a>
        <a class="ui button" href="{{pathFor 'postPage'}}"><i class="arrow left icon"></i> Back</a>
    </form>
</div>

---

}))

我自己在向已经使用语义ui的项目添加autoform summernote时遇到了这个问题。问题在于引导和语义UI的$.modal（）方法之间存在冲突。有关代码参考，请参见以下链接：

Summernote期望模态方法是Bootstrap的，但却调用语义UI的模态方法。由于模态方法实现之间的差异，当您单击窗口中的任意位置时，模态将立即关闭

如果没有一些低级的攻击，这两个包将发生冲突，因为语义UI在您的项目中的任何$（'object'）上都是全局可用的。如果您没有在站点中的任何其他地方使用语义UI的模态方法，您可以禁用它，这将在本例中修复它。然而，这不是一个适合我的解决方案。相反，我正在寻找一种解决方案来删除summernote，或者至少是它对Boostrap的依赖

编辑1/13/2016

我最终用另一个编辑器取代了summernote。它为我提供了所需的功能，并且没有相互冲突的依赖关系

Template.postEdit.onRendered(function(){
$(document).ready(function() {
    $('#content').summernote({
        height: 400,
        maxHeight:800,
        minHeight:250,
    });
});