在 Laravel 中打开 bootstrap 模式后所见即所得消失

Question

我正在使用 Laravel livewire。在管理面板中，summernote WYSIWYG 在打开 bootstrap 模式后消失，我尝试了其他 WYSIWYG 并且所有响应都相同并且没有在控制台中显示任何错误。但它在模态之外完美运行。

Blade

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

Answer 1

用父 div 包装它并在其上使用 wire:ignore，如下所示。从 textarea 中删除 wire:ignore.self。希望这会奏效..

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