富文本编辑器未正确显示答案

【问题标题】：rich text editor is not displayed correctly富文本编辑器未正确显示
【发布时间】：2019-04-09 07:27:56
【问题描述】：

我尝试将富文本编辑器插件集成到我的项目中（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>

预期当前结果

【问题讨论】：

好吧，我们真的帮不了你。似乎有些导入不好，或者您没有导入所有需要的东西。
一个更简单的插件的想法？？？
在这里，我们不推荐插件/书籍/教程等。请先阅读 StackOverflow 规则。祝你好运
好的，谢谢我不知道

标签： javascript html css twitter-bootstrap-3 wysihtml5

【解决方案1】：

您没有包含所有的 js 文件，并且 Js 和 CSS 的文件序列在每种情况下也很重要。这是我创建的小提琴，它工作正常。

你必须在最后包含另一个 js 文件。

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

Js Fiddle

【讨论】：

<link href="{{ asset('/css/app.css') }}" rel="stylesheet"> content bootstrap.min.css