Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

SummernoteInplaceWidget: $summernote.summernote is not a function

See original GitHub issue

If I set my widget to SummernoteWidget it works fine, but I’m using crispyforms and don’t want an iframe, so trying to get SummernoteInplaceWidget to work.

When I change to SummernoteInplaceWidget, it doesn’t render and I get this error:

$summernote.summernote is not a function

Here is what my <head> looks like after including jquery and loading {{form.media}}, and I’ve confirmed that all the js links work:

  <!-- required at top for django-summernote widgets -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <!-- form.media -->
  <link href="/static/django_summernote/summernote.css" type="text/css" media="all" rel="stylesheet" />
<link href="/static/django_summernote/django_summernote_inplace.css" type="text/css" media="all" rel="stylesheet" />
<script type="text/javascript" src="/static/django_summernote/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/static/django_summernote/jquery.iframe-transport.js"></script>
<script type="text/javascript" src="/static/django_summernote/jquery.fileupload.js"></script>
<script type="text/javascript" src="/static/django_summernote/summernote.min.js"></script>
</head>

Issue Analytics

State:
Created 7 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

kameruchicommented, Feb 21, 2017

Ok I solved this one! I forgot to add {{ form.media }} in the template 😛 Working fine now!

0reactions

lqezcommented, May 8, 2017

Thanks!

Top Results From Across the Web

Uncaught TypeError: $(...).summernote is not a function · Issue ...

how to fix : Uncaught TypeError: $(...).summernote is not a function.

Error: summernote is not a function when using local files

When I used my local summernote files to load the text editor, ".summernote is not a function" happened. However, if I used the...

Simply integrate Summernote Editor with Django Project

Form. In forms , from django_summernote.widgets import SummernoteWidget, SummernoteInplaceWidget # Apply summernote to specific fields. class SomeForm(forms.

Uncaught TypeError: $(...).summernote is not a function

summernote is not a function error. This error occurs when you try to call the summernote method on an element without including script...

Django summernote WYIWYG text editor is not displaying ...

If I then replace the SummernoteWidget to SummernoteInplaceWidget the form completely disappears. i.e. note = forms.CharField(widget=SummernoteInplaceWidget( ...