How to add CKeditor code snippet to your django admin website

1. INSTALL CKEDITOR

pip install ckeditor

 2. ADD CKEDITOR TO YOUR INSTALLED APPS

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

3. CREATE A PATH FOR YOUR CKEDITOR TO FOLLOW WITHIN YOUR STATIC FILES

CKEDITOR_BASEPATH = "/static/ckeditor/ckeditor/"

4. IN YOUR CKEDITOR CONFIG SPECIFY THE FOLLOWING, AMONG OTHER CONFIGURATIONS YOU MAY NEED;

CKEDITOR_CONFIGS = {
    'default' : {
        'extraPlugins': 'codesnippet',
        'toolbar': 'Advanced',
}}

5. IN YOUR MODELS.PY FILE IMPORT THE FOLLOWING;

from ckeditor.fields import RichTextField

6. INSIDE YOUR MODEL'S CLASS, SPECIFY YOU WILL USE CKEDITOR, LIKE SO;

content = RichTextField(blank=True, null=True)

7. FINALLY ADD THESE LINES OF CODE INSIDE THE <HEAD> OF YOUR BASE.HTML FILE AND CUSTOMIZE YOUR URLS ACCORDINGLY

<!-- ckeditor-->
<link rel="stylesheet" type="text/css" href="{% static 'ckeditor/ckeditor/plugins/codesnippet/lib/highlight/styles/monokai_sublime.css' %}" />
<script type="text/javascript" src="{% static 'ckeditor/ckeditor/ckeditor.js' %}"></script>
<script type="text/javascript" src="{% static 'ckeditor/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js' %}"></script>
<script>hljs.initHighlightingOnLoad();</script>

If you need assistance with your projects feel free to email me at info@airgad.com or whatsapp Jesse stay safe!