RTF编辑器显示不正确

Question

我尝试将RTF编辑器插件集成到我的项目（laravel5.0和相关的引导程序版本）中，但是视觉效果不好……它以白色显示了一些按钮。

css包含

   <link href="{{ asset('/css/app.css') }}" rel="stylesheet">
    <link href="{{ asset('/css/css.css') }}" rel="stylesheet">
    <link href="{{ asset('/css/jquery.dataTables.css') }}" rel="stylesheet">
    <link href="{{ asset('/css/bootstrap-wysihtml5.css') }}" rel="stylesheet">

textaera声明

<textarea class="richtext" name="comment" class="form-control"></textarea>

JS包含

<script src="{{ asset('/js/jquery-3.3.1.js') }}">`</script>
<script src="{{ asset('/js/wysihtml5-0.3.0.js') }}"></script>
<script src="{{ asset('/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('/js/jquery.dataTables.js') }}"></script>
<script src="{{ asset('/js/bootstrap-wysihtml5.js') }}"></script>
<script>
    $('.richtext').wysihtml5();
</script>

预期 当前结果

Answer 1

您并未包含所有的js文件，而Js和CSS的文件顺序在每种情况下都非常重要。这是我创建的小提琴，它工作正常。

您将必须在末尾添加另一个js文件。

https://bootstrap-wysiwyg.github.io/bootstrap3-wysiwyg/components/handlebars/handlebars.runtime.min.js

Js Fiddle