開発部の「エイジ」です。
★関連記事
今回はDjangoへWYSIWYGエディターをDjangoAdminに反映したいと思います。
完成すると下記のようなフォームが表示されます。
環境
Django v3.1
Python v3.6.5
WYSIWYG editorとは
【読み方】 ウィジウィグエディター
WYSIWYGとは、見たままのものを実際に作成出力するという言葉のWhat You See Is What You Getの頭文字をとったものであり、WYSIWYGエディターとは編集中の画面に表示されるものと同じものが、最終結果(HTML、印刷結果等)として得られるようなアプリケーションのこと。
モデルの作成
Postモデルを作成します。
WYSIWYGエディターはTextFieldでないと表示されません。
1 2 3 4 |
class Post(models.Model): text = models.TextField(blank=True, null=True) |
マイグレーションします。
1 2 3 4 |
# python manage.py makemigrations # python manage.py migrate |
モデルとsummernoteを紐付けます。
まずはadmin.pyの中で紐付けます。
1 2 3 4 5 6 7 8 9 |
from django.contrib import admin from .models import * from django_summernote.admin import SummernoteModelAdmin class PostForm(forms.ModelForm): summernote_fields = ('text') admin.site.register(Post, PostAdmin) |
これで紐付きました。
実際に確認します。
次回は実際にform.pyを使ってエディターを利用します。
★関連記事
以上になります。最後までお読みいただきありがとうございました。
このブログは株式会社CoLabMixによる技術ブログです。
GCP、AWSなどでのインフラ構築・運用や、クローリング・分析・検索などを主体とした開発を行なっています。
Ruby on RailsやDjango、Pythonなどの開発依頼などお気軽にお声がけください。
開発パートナーを増やしたいという企業と積極的に繋がっていきたいです。