Django-summernote : How can I make it work based on model form?
<p>What I did is based on this : <a href="https://github.com/summernote/django-summernote" rel="nofollow noreferrer">https://github.com/summernote/django-summernote</a><br>
But it doesn't work.</p>

<p>(I setup all the things in <code>README</code>)</p>

<p><code>urls.py</code></p>

<pre><code>from django.conf.urls import url, include

from .views import PostListView, PostNewView, PostDetailView


app_name = 'posts'
urlpatterns = [
    url(r'^$', PostListView.as_view(), name='list'),
    url(r'^new/$', PostNewView.as_view(), name='new'),
    url(r'^(?P&lt;pk&gt;[0-9]+)/$', PostDetailView.as_view(), name='detail'),

    url(r'^summernote/', include('django_summernote.urls')),
]
</code></pre>

<p><code>models.py</code></p>

<pre><code>from django.db import models
from django.core.urlresolvers import reverse


class Post(models.Model):
    title = models.CharField(max_length=100)
    content = models.TextField()

    created_at = models.DateTimeField(auto_now_add=True)
    updated_at = models.DateTimeField(auto_now=True)

    def __str__(self):
        return self.title

    def get_absolute_url(self):
        return reverse(
            "posts:detail",
            kwargs={
                "pk": self.id,
            }
        )
</code></pre>

<p><code>forms.py</code></p>

<pre><code>from django import forms
from django_summernote.widgets import SummernoteInplaceWidget

from posts.models import Post


class PostForm(forms.ModelForm):

    class Meta:
        model = Post
        fields = ('title', 'content')
        widgets = {
            'content': SummernoteInplaceWidget(),
        }
</code></pre>

<p><code>views.py</code></p>

<pre><code>from django.views.generic import CreateView
from django.shortcuts import render, redirect

from posts.models import Post


class PostNewView(CreateView):
    model = Post
    template_name = "posts/post_edit.html"
    fields = ['title', 'content']
</code></pre>

<p><code>post_edit.html</code></p>

<pre><code>{% extends 'chacha_dabang/skeleton/base.html' %}

{% block content %}
    &lt;h1&gt; New post&lt;/h1&gt;
    &lt;form method="POST" enctype="multipart/form-data"&gt;
        {% csrf_token %}
        {{ form|safe }}
        &lt;button type="submit" class="save btn btn-default"&gt;Save&lt;/button&gt;
    &lt;/form&gt;
{% endblock %}
</code></pre>

<p>But it shows like below :
<a href="https://i.stack.imgur.com/0PO27.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0PO27.png" alt="enter image description here"></a></p>

<p>I think I passed just <code>form</code> to template, but in <code>README</code>, it access <code>field</code> (<code>foobar|safe</code>.. Actually I think it should not be <code>foobar</code> because the field is <code>foo</code> and <code>bar</code>.)</p>

<p>Please needs your help. Thanks</p>