【问题标题】:Second summernote returns null in laravel第二个summernote在laravel中返回null
【发布时间】:2020-03-18 03:20:12
【问题描述】:

我正在尝试以相同的 laravel 形式使用两个 Summernote,但第二个的值返回 null。它适用于 php,但不适用于 laravel

这是我的代码

<textarea class="js-summernote" id="summernote" name="details"></textarea> 

<textarea class="js-summernote" id="summernote" name="content"></textarea>


<!--script files -->
<script src="{{ asset('backend/js/plugins/summernote/summernote.min.js') }}"></script>
<script src="{{ asset('backend/js/core/jquery.appear.min.js')}}"></script>
<script src="{{ asset('backend/js/plugins/ckeditor/ckeditor.js') }}"></script>

<script>
    $(function () {
        //Init page helpers (Summernote + CKEditor plugins)
        App.initHelpers(['summernote', 'appear']);
    });
</script>

【问题讨论】:

  • 您的错误是两个文本区域具有相同的 id。大概。使用 JQuery 你可以做到$('.js-summernote').summernote();
  • 试过了,还是不行
  • 您不必为每个实例设置不同的 ID 吗?

标签: php laravel summernote


【解决方案1】:

这可能不是问题的理想解决方案,但只有当两个summernotes 属于同一个表单组时才有效。所以只需将两个文本区域放在同一个表单组中

<div class="form-group">
    <label class="col-xs-12" for="example-text-input">Content</label>
    <!-- Summernote Container -->
    <textarea class="js-summernote"  name="content"></textarea>

    <label class="col-xs-12" for="example-text-input">More Description</label> 
    <!-- Summernote Container -->    
    <textarea class="js-summernote" name="more_description"></textarea>                  
</div>

【讨论】:

    【解决方案2】:

    你可以试试这个

    刚才,我正在签入我的文件,它工作正常

    <textarea class="js-summernote" id="summernote" name="details"></textarea> 
    
    <textarea class="js-summernote" id="summernote2" name="content"></textarea>
    
    <script src="{{ asset('backend/js/plugins/summernote/summernote.min.js') }}"></script>
    
    <script>
        $(document).ready(function () {
            $('#summernote').summernote();
            $('#summernote2').summernote();
        });
    </script>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-10-10
      • 1970-01-01
      • 2023-03-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多