내가 지시 한 라이브러리를 모두 포함 시켰을 때 Summernote가 작동하지 않습니다.

Question

나는 일하고있는 웹 앱에 대해 summernote를 사용하려고합니다. 나는 모든 라이브러리를 포함하고 그들이 포함하는 모든 지침을 따르는 것으로 믿는다. the summernote installation page, 그러나 페이지는 아무 것도 반환하지 않는다. 여기 내 코드는 (나는 내 ​​자신의 페이지에서 실행하면 크롬 개발자 도구에 오류 보여줍니다) :

$(function() { 
 
    $('.editor').summernote({ 
 
    height: 300, // set editor height 
 
    minHeight: null, // set minimum height of editor 
 
    maxHeight: null, // set maximum height of editor 
 
    focus: true // set focus to editable area after initializing summernote 
 
    }); 
 

 
});

<!-- Insrt Libraries and Stylesheets --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"> 
 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 
 
<link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.css" rel="stylesheet"> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.8/summernote.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 

 
<!-- Initialize The Div in which the editor goes in --> 
 
<div class=".editor"> 
 

 

 

 

 
</div>

** 미리 감사를 토미 존 **

Answer 1

DIV는 편집기에서 진행되는 초기화지고 있지 않습니다. <div class=".editor"></div> <div class="editor"></div>