Uncaught：$(.).summernote不是函数，当试图从summernote获取代码时可以看到

Question

我正在尝试从一个summernote获得代码(它加载得很好)，但是我面临着标题中提到的错误。这里有一个代码片段:在正文中，我声明了一个类似于这样的夏季注释：<div class="summernote1" name="intro_summer_note" id="intro_summer_note"></div>

然后，在脚本标记下，我尝试如下：

                   $('.summernote1').summernote({
                    placeholder: 'Write your intro',
                    tabsize: 2,
                    height: 250,
                    toolbar: [
                      ['style', ['style']],
                      ['font', ['bold', 'underline', 'clear']],
                      ['color', ['color']],
                      ['para', ['ul', 'ol', 'paragraph']],
                      ['table', ['table']],
                      ['insert', ['link', 'picture', 'video']],
                      ['view', ['fullscreen', 'codeview', 'help']]
                    ]
                  }); 

                  function submitSummerNote()
                  {
                    console.log('Entered here')
                    var markupStr = $('.summernote1').summernote('code');
                    console.log(markupStr);
                  }

我已经尝试了夏季笔记页的例子，我正在进入完全相同的问题。我也尝试过更新jQuery版本。现在，我正在为jQuery和Bootstrap尝试以下版本：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>

Answer 1

我认为您正在影响定位，我已经启动了代码，它运行时没有任何问题，请务必将Bootstrap和jQuery放在脚本前面，例如：

<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">  
<div class="summernote1" name="intro_summer_note" id="intro_summer_note"></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>    
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js">
 </script>
<script>
    $('.summernote1').summernote({
    placeholder: 'Write your intro',
    tabsize: 2,
    height: 250,
    toolbar: [
      ['style', ['style']],
      ['font', ['bold', 'underline', 'clear']],
      ['color', ['color']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['table', ['table']],
      ['insert', ['link', 'picture', 'video']],
      ['view', ['fullscreen', 'codeview', 'help']]
    ]
  }); 

  function submitSummerNote()
  {
    console.log('Entered here')
    var markupStr = $('.summernote1').summernote('code');
    console.log(markupStr);
  }
</script>