how to fix : Uncaught TypeError: $(...).summernote is not a function
See original GitHub issuehow to fix : Uncaught TypeError: $(…).summernote is not a function.
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.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.8.2/summernote.css" rel="stylesheet">
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>
<div class="form-group col-sm-12">
<div id="summernote">Hello Summernote
</div> $(document).ready(function() { $('#summernote').summernote(); }); </div>fix basic !
how to fix : Uncaught TypeError: $(…).summernote is not a function.
Issue Analytics
- State:
- Created 7 years ago
- Reactions:6
- Comments:53 (11 by maintainers)
Top Results From Across the Web
Error: summernote is not a function when using local files
I am having a really odd problem. When I used my local summernote files to load the text editor, ".summernote is not a...
Read more >Uncaught TypeError: $(...).summernote is not a function
You have to add the summernote js script to avoid the Uncaught TypeError: $(...).summernote is not a function error. This error occurs when...
Read more >Summernote not working - Laracasts
summernote is not a function (…) ... Copy Code Uncaught TypeError: $(...).summernote is not a function(…) does Vue something to do with this...
Read more >Uncaught TypeError: $(…).code is not a function (Summernote)
But then, with the newer version from 0.8.0, it seems that the $(…).code() function is no longer available. Any knows the change I...
Read more >Plugins - Summernote
The vars below are not all needed, what you need depends on what your trying accompish with your plugin. Most commonly you need...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
For me, simply adding “defer” attribute as follows works : )
<script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js" defer></script>My jquery version is 3.3.1
I had the same issue, make sure you load jquery before you load summernote.