javascript - bootstrap-wysihtml5 和 Bootstrap X-Editable textarea : editor buttons appearing with no styles or icons

Question

我正在尝试整合 bootstrap-wysiwyg5在我的(已经实现)Bootstrap X-Editable .

但是，编辑器出现时没有样式且缺少按钮。

不太确定在这里做什么。

JS 和 HTML

<script type="text/javascript">
    $(document).ready(
        function(){
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $('.testedit').editable({
                validate: function(value) {
                    if($.trim(value) == '')
                        return 'Value is required.';
                },
                type: 'wysihtml5',
                title: 'Edit Comment',
                placement: 'top',
                send:'always',
                ajaxOptions: {
                    dataType: 'json',
                    type: 'post'
                }
            });
        }
    );
</script>

<a href="#" class="testedit" data-type="wysihtml5" data-pk="{{ $each_comment->id }}" data-url="{{ url($each_comment->post_id . '/comment/update') }}">
    {!! $each_comment->comment !!}
</a>

Answer 1

我必须更改 bootstrap-wysihtml5-0.0.2.js 中的 css 类

我搜索了所有 <a class="btn">我只是添加了 btn-default

我还编辑了他们的图标，而不是 <i class='icon-picture'></i>我用了<i class='glyphicon glyphicon-picture'></i>

现在按钮清晰，图标显示。