即使我包含了他们指示我们做的所有图书馆,Summernote 也无法正常工作

Summernote is not working even when I included all of the libraries that they instructed us to do

我正在尝试将 summernote 用于我一直在开发的网络应用程序。我相信我已经包含了所有库并遵循了它们在 the summernote installation page, 中包含的所有说明,但页面 returns 什么也没有。这是我的代码(当我 运行 在我自己的页面上时,它在 chrome 开发人员工具中没有显示错误):

$(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>
**提前致谢, 汤米约翰 **

编辑器进入的 div 没有被初始化。 请更换 <div class=".editor"></div><div class="editor"></div>