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>

我使用的是jQuery v2.1.4、Bootstrap v3.3.6和bootstrap-wysiwyg v1.0.4谢谢您的帮助。

Answer 1

您使用的bootstrap-wysiwyg版本已过期。此错误已在最新版本中修复。你可以从here下载。