Summernote 编辑器未在页面上初始化

Question

我正在尝试在我的网络应用程序中使用 summernote，在我按照此处提供的步骤进行操作后 http://summernote.org/getting-started/#installation

当我在浏览器中测试时，它只显示编辑器底部的调整大小手柄，根本没有加载工具栏。不知道有没有sunnernote说明提供的步骤之外的东西。请帮我解决问题，因为这里有库存，我不想使用其他编辑器。感谢您的光临..

Answer 1

问题已解决我在 jquery.min.js 之前引用了 bootstrap.js，我所做的只是在任何其他 .js 文件

之前引用 jquery

Answer 2

感谢您的报告。你能再试一下下面 link 吗？

http://summernote.org/getting-started/#installation

其实我是 summernote 的创造者。我用协议更新了库路径。如果还是不行，用index.html保存以下内容，再用浏览器打开。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <!-- include libraries(jQuery, bootstrap, fontawesome) -->
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>

  <!-- include summernote css/js-->
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.7.0/summernote.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.7.0/summernote.js"></script>
</head>
<body>
  <div id="summernote">Hello Summernote</div>
  <script>
    $(document).ready(function() {
        $('#summernote').summernote();
    });
  </script>
</body>
</html>

Answer 3

enter link description here

它对我有帮助，但对你也会有帮助

<div class="container pt-2">
<div id="makeMeSummernote">

</div>
<div class="mt-2 text-center">    
  <button id="btnToggleStyle" class="btn btn-primary">Toggle Corrected Styles</button></div>

Summernote 编辑器未在页面上初始化

Summernote Editor not Initializing on Page

summernote

html-editor