bootstrap-wysiwyg теряет фокус

Question

Я пытаюсь реализовать редактор bootstrap-wysiwyg в проекте, но каждый раз, когда я нажимаю кнопку на панели инструментов, которая имеет выпадающий список, редактор теряет фокус, что означает, что, например, невозможно добавьте ссылки, потому что текст не выбран, и изображения всегда добавляются в начале содержимого, потому что позиция каретки в редакторе была потеряна. Это происходит в Firefox и Chrome. Вот HTML код кнопки вставки ссылки, например, (вполне аналогично примеру редактор документации, но не работает)

<div class="panel panel-info"> 
    <div class="panel-heading"> 
     <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor"> 
      <div class="btn-group"> 
       <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" title="Insert Link"><i class="fa fa-link text-primary"></i></a> 
       <div class="dropdown-menu input-append"> 
        <input class="form-control" type="text" data-edit="createLink" placeholder="URL" /> 
        <button class="btn btn-success" type="button"><i class="fa fa-link"></i></button> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="panel-body"> 
     <div id="editor"> 

     </div> 
    </div> 
</div> 

Единственный код JS является редактором Крючок:

<script> 
    $(document).ready(function() { 
     $('#editor').wysiwyg(); 
    }); 
</script> 

I используя jQuery v2.1.4, Bootstrap v3.3.6 и bootstrap-wysiwyg v1.0.4 Благодарим за помощь.

Answer 1

Версия bootstrap-wysiwyg, которую вы используете, устарела. Эта ошибка была исправлена ​​в последней версии. Вы можете скачать его here.