在 Laravel 中打开引导模式后，所见即所得消失

Posted 2023-03-05

【中文标题】在 Laravel 中打开引导模式后，所见即所得消失

【英文标题】：WYSIWYG disappear after opening bootstrap modal in Laravel

【发布时间】：2021-04-01 22:03:59

【问题描述】：

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

刀片

<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。看看这个***.com/questions/60539739/…

【参考方案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>