Редактор форматированного текста отображается неправильно

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

ожидал Редактор форматированного текста отображается неправильно текущий результат Редактор форматированного текста отображается неправильно

ну мы не можем помочь вам с этим. Кажется, что некоторые импорты не годятся или вы не импортировали все необходимое.

Mihai T 09.04.2019 10:14

идеи для более простого плагина для использования???

Boris Cissoko 09.04.2019 10:21

Здесь, на SO, мы не рекомендуем плагины/книги/учебники и т. д. Пожалуйста, сначала прочитайте правила StackOverflow. Удачи

Mihai T 09.04.2019 10:24

хорошо, спасибо, я не знал

Boris Cissoko 09.04.2019 10:40
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
298
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

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

Js рабочий пример

<link href = "{{ asset('/css/app.css') }}" rel = "stylesheet"> содержимое bootstrap.min.css
Boris Cissoko 09.04.2019 17:33

Другие вопросы по теме