Ошибка Summernote на Meteor и Semantic-ui

Question

Я использовал пакет summernote: 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> 

post_edit.js

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

});

Answer 1

Я сам столкнулся с этой проблемой при добавлении autoform-summernote к моему проекту, который уже использует семантику-ui. Проблема в том, что существует конфликт между методом Bootstrap и Semantic UI $ .modal(). Смотрите эти ссылки для ссылок коды:

• Summernote modal init
• Bootstrap's modal definition
• Semantic UI's modal definition

Summernote ожидает модальный метод будет Bootstrap, но вместо этого требует модального метода семантических UI в. Из-за различий между реализациями модальных методов модальная закрывается сразу же, когда вы нажимаете в любом месте окна.

Без каких-либо низкоуровневых хаков эти два пакета будут конфликтовать, так как Semantic UI доступен во всем мире на любом проекте $ ('object'). Если вы не используете модальный метод Semantic UI где-либо еще на своем сайте, вы можете отключить его, что исправит его в этом случае. Однако это не решение, которое работает для меня. Вместо этого я ищу решение для удаления summernote или, по крайней мере, его зависимости от Boostrap.

Редактировать 1/13/2016

я в конечном итоге заменить summernote с другим редактором, https://atmospherejs.com/gildaspk/autoform-medium. Это дает мне необходимую мне функциональность и не имеет противоречивых зависимостей.