WYSIWYG исчезает после открытия модального окна начальной загрузки в Laravel

Я использую Laravel livewire. В панели администратора summernote WYSIWYG исчезает после открытия модального окна начальной загрузки. Я пробовал другие WYSIWYG, и все они отвечали одинаково и не отображали никаких ошибок в консоли. Но он отлично работает вне модального окна.

Лезвие

<div class = "form-group">
  <label for = "desc1">Desription</label>
  <textarea id = "desc1" class = "form-control" wire:model.lazy = "description" cols = "30" rows = "10" wire:ignore.self></textarea>
  @error('description') <span class = "text-danger">{{ $message }}</span> @enderror
</div>

Скрипт

<script>
  $(document).ready(function() {
    $('#desc1').summernote();
  });
</script>

Я смог использовать trix-editor после множества исследований. Проверьте это stackoverflow.com/questions/60539739/…

Digvijay 23.12.2020 11:08
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
803
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Оберните это родителем div и используйте wire:ignore на нем, как показано ниже. удалить wire:ignore.self из textarea. надеюсь это сработает..

<div class = "form-group">
  <div wire:ignore>
    <label for = "desc1">Desription</label>
    <textarea id = "desc1" class = "form-control" wire:model.lazy = "description" cols = "30" rows = "10" ></textarea>
  </div>
</div>

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