Djangoのsummernoteをadminに反映させるとエラーが発生する

Question

Djangoでブログ作成したい そのためにWYSIWYGエディターを導入したい

毎回手動でhtmlタグを入れるのは嫌なので、WYSIWYGエディタで楽したいと考えています。Djangoで使えるdjango_summernoteと言うものを見つけたのですが、管理画面でエラーが発生します。

120.0.0.1で接続が拒否されました

色々試したのですが、解決できません。

やったこと

pip install django_summernote

その後、summernoteを導入したいプロジェクト内で
admin.py

from django.contrib import admin
from .models import BlogModel5

from django_summernote.admin import SummernoteModelAdmin


# Register your models here.
class BlogAdmin(SummernoteModelAdmin):
    summernote_fields = "__all__"
    print("summernoteが正常にインストールされました")


admin.site.register(BlogModel5, BlogAdmin)

setting.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',

    "Diary.apps.DiaryConfig",
    "django_summernote",
]

url.py

from django.contrib import admin
from django.urls import path, include
from django.contrib.staticfiles.urls import static

from . import settings

urlpatterns = [
    path('admin/', admin.site.urls),
    path("summernote/", include("django_summernote.urls")),
    path("", include("Diary.urls")),
]

#開発サーバーでメディアを配信できるように設定
urlpatterns += static(
    settings.MEDIA_URL,
    document_root=settings.MEDIA_ROOT
)

としました。以上で、makeigration migrate runserver を実行し 管理画面に移動すればsummernoteが入っているはずなのですが、接続エラーで進めませんでした。

試したこと

admin.pyで、試しにsummernoteをadminに反映させないようにしたところ、問題なく動作しました。

from django.contrib import admin
from .models import BlogModel5

from django_summernote.admin import SummernoteModelAdmin


# Register your models here.
class BlogAdmin(SummernoteModelAdmin):
    summernote_fields = "__all__"


admin.site.register(BlogModel5)

###いつもありがとうございます

いつも助けられています。ありがとうございます。
今回も皆様の知恵を貸していただけると幸いです。どうぞよろしくお願いいたします

Answer 1

settings.pyに、

X_FRAME_OPTIONS = "SAMEORIGIN"
```を追加したらどうでしょうか？

------
**----追記----**
`summernote`を使う際、GitHubの説明*1に、Django3系を使っていたら`X_FRAME_OPTIONS`を指定しなくてはいけないと書いてありました。
Django3系では、クリックジャッキング保護*2というのがあるそうです。
* *1 [https://github.com/summernote/django-summernote](https://github.com/summernote/django-summernote)
* *2 [https://docs.djangoproject.com/en/3.0/ref/clickjacking/](https://docs.djangoproject.com/en/3.0/ref/clickjacking/)

Comments

[Murasaki_PurPle]

ForestSeo様

ありがとうございました。無事、解決いたしました。
X_FRAME_OPTIONの部分 調べてもあまりよくわからなかったのですが、なんの設定をしているのでしょうか。

[ForestSeo]

追記しました