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。

bootstrap-wysiwyg失去焦点

1 个答案: