Summernote Editor not Initializing on Page

Prince Tegaton picture Prince Tegaton · Dec 23, 2015 · Viewed 11.2k times · Source

I am trying to use summernote in my web app, after i followed the steps provided here http://summernote.org/getting-started/#installation

When i test in browser, it only shows the resize handle at the bottom of the editor, toolbars are not loaded at all. I dont know if there is anything outside the steps provided by the sunnernote instructions. Pls help me out cos am stock here, i dont want to use another editor. Thanks for stopping by..

Answer

Hacker Wins picture Hacker Wins · Dec 27, 2015

Thanks for reporting. Could you try below link again?

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

Actually I'm creator of summernote. I updated library path with protocol. If It's still not working, save below contents with index.html and open it with browser again.

<!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>