текстовый редактор отображается неправильно - PullRequest
0 голосов
/ 09 апреля 2019

Я пытаюсь интегрировать плагин редактора форматированного текста в мой проект (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">

текстовая декларация

<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>

ожидается expected result текущий результат enter image description here

1 Ответ

0 голосов
/ 09 апреля 2019

Вы не включили все файлы js, и последовательность файлов Js и CSS также имеет значение в каждом случае.Вот созданная мною скрипка, она работает правильно.

Вам нужно будет добавить еще один файл js в конце.

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

Js Fiddle

...