javascript - ブートストラップ-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>

jQuery v2.1.4、Bootstrap v3.3.6、bootstrap-wysiwyg v1.0.4 を使用しています。ご協力ありがとうございます。