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

时间:2015-12-23 11:11:45

标签: summernote html-editor

我正在尝试在我的网络应用中使用summernote,之后我按照此处提供的步骤http://summernote.org/getting-started/#installation

当我在浏览器中测试时,它只显示编辑器底部的调整大小手柄,根本没有加载工具栏。我不知道sunnernote指令提供的步骤之外是否有任何内容。请帮助我在这里库存,我不想使用另一个编辑器。谢谢你停下来..

2 个答案:

答案 0 :(得分:1)

感谢报道。你能再试一次下面的链接吗?

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>

答案 1 :(得分:0)

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