0

我正在尝试在项目中实现 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 谢谢你的帮助。

4

1 回答 1

0

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

于 2016-01-24T00:54:57.500 回答