Как мне заставить работать CKeditor на моей настоящей HTML-странице от администратора Django?

Question

У меня проблема с отображением того, что я сделал в админке, на моей настоящей HTML-странице с помощью CKeditor. Я следовал документации ckE (collectstatic, makemigrations и т. Д.) это то, что я сделал с ckeditor Страница администратора

и это то, что он показывает. страница hmtl

setting.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'web_app',
    'ckeditor',
    'ckeditor_uploader',
 ]

CKEDITOR_UPLOAD_PATH = 'uploads/'
# CKEditor Configuration Settings

CKEDITOR_CONFIGS = {
    'default': {
        # 'toolbar': 'Custom',
        'width': '800px',
        'height': 'auto',
        # 'toolbar_Custom': [
        #     ['Bold', 'Italic', 'Underline'],
        #     ['NumberedList', 'BulletedList'],
        # ],
    }
}
STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "web_app/static"),

]
STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), "static_cdn")

MEDIA_URL = '/media/'
MEDIA_ROOT = BASE_DIR

models.py

from django.db import models
from datetime import datetime
from ckeditor.fields import RichTextField 
# Create your models here.


class Article(models.Model):
    title = models.CharField(max_length=200)
    content = RichTextField()
    published = models.DateTimeField("date published", default= datetime.now())
    image = models.ImageField(upload_to='images/', default="")

urls.py (основной не из самого проекта)

from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static



urlpatterns = [
    path('', include('web_app.urls')),
    path('admin/', admin.site.urls),
    path('ckeditor/', include('ckeditor_uploader.urls')),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)