django-ckeditor-5

import os from django.db import models from django.forms import ModelForm from django.conf import settings from django_ckeditor_5.fields import CKEditor5Field from django_ckeditor_5.widgets import CKEditor5Widget # settings.py additions (example) # INSTALLED_APPS = [ # ..., # 'django_ckeditor_5', # ] # MEDIA_URL = '/media/' # MEDIA_ROOT = os.path.join(BASE_DIR, 'media') # CKEDITOR_5_CONFIGS = { # 'default': { # 'toolbar': ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'imageUpload', 'fileUpload'], # 'language': 'en', # 'width': 'auto' # } # } class Article(models.Model): title = models.CharField(max_length=200) content = CKEditor5Field(verbose_name='Rich Content', config_name='default') def __str__(self): return self.title class ArticleForm(ModelForm): class Meta: model = Article fields = '__all__' widgets = { 'content': CKEditor5Widget(config_name='default') } # In a Django template, if using a form: # {% extends 'base.html' %} # {% block content %} # <form method="POST"> # {{ form.media }} <!-- IMPORTANT: Don't forget this! --> # {% csrf_token %} # {{ form.as_p }} # <button type="submit">Submit</button> # </form> # {% endblock content %}