富文本編輯器未正確顯示

Question

我嘗試將富文本編輯器插件集成到我的項目中（laravel5.0和相關的bootstrap版本），但是視覺渲染效果不好......它顯示了一些白色的按鈕。

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