富文本编辑器显示不正确
rich text editor is not displayed correctly
我尝试将富文本编辑器插件集成到我的项目中(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>
预计
当前结果
您没有包含所有的 js 文件和 Js 文件的顺序,CSS 在每种情况下也很重要。这是我创建的fiddle,它工作正常。
你必须在最后包含另一个 js 文件。
https://bootstrap-wysiwyg.github.io/bootstrap3-wysiwyg/components/handlebars/handlebars.runtime.min.js
我尝试将富文本编辑器插件集成到我的项目中(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>
预计
您没有包含所有的 js 文件和 Js 文件的顺序,CSS 在每种情况下也很重要。这是我创建的fiddle,它工作正常。
你必须在最后包含另一个 js 文件。
https://bootstrap-wysiwyg.github.io/bootstrap3-wysiwyg/components/handlebars/handlebars.runtime.min.js