7. Python-Django ile e-Ticaret Sitesi yapımı- Adminde(panel tarafında) django-ckeditor kullanılması aşamaları:

Gönderilerimizi stilize etmemize ve görüntüleri ve bağlantıları kolayca eklememize olanak tanıyan django-ckeditor (kullanımı kolay bir zengin metin editörü(rich text editor)) kullanımı göreceğiz. Projemizde ürün detay bilgileri gireceğiz diyelim detayları yazarken yazıların bazı yerler kalın, italik,  başlıkların büyük olması, resim ekleme(ms word de yazı yazar gibi) gibi biçimsel özellikleri eklemeyi kolaylaştırır. 

CKeditörün projemizin admin(yani panel) kısmında kullanılması adımlarını sırayla yapalım.

1. İlk adımda ckeditörün kurulması-install edilmesi gerekir. Kurulum için pip komutu kullanılır. TERMİNALE geçip aşağıdaki komutu girin:

>>> pip install django-ckeditor yazlır ENTER a basılır. ck editor yüklenmeye başlar.

2. Projenizin setting.py dosyasında ckeditor ayarı için aşağıdaki kodları girin.

settings.py içine:

####################################
    ##  CKEDITOR CONFIGURATION ##
####################################

CKEDITOR_JQUERY_URL = 'https://ajax.googleapis.com/ajax/libs/jquery/
2.2.4/jquery.min.js'

CKEDITOR_UPLOAD_PATH = 'image/'
CKEDITOR_IMAGE_BACKEND = "pillow"


CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': None,
    },
}

##################################

Resimlerin yüklenebilmesi için pillow daha önce kurulmuştu. (Yapmayanlar pip install pillow şeklinde arama yapabilir.)

3.  Yine projenin URL.py dosyasına bu sefer yolu tanımlayınız. ckeditor için path tanımı aşağıdaki gibi eklenmelidir.

....


urlpatterns = [
            ...
   path('ckeditor/', include('ckeditor_uploader.urls')),
   #url(r'^ckeditor/', include('ckeditor_uploader.urls')), #eski kullanım!
              ] ......

'''if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)'''

4. Şimdi de istediğiniz bir app in modeline gidip kalan ayarları aşağıdaki gibi yapabilirsiniz. Biz buradaki örnekte product_urun app içindeki model.py içine ckeditör uygulamasını çağırıp kullanmaya ait kodları aşağıdaki gibi girelim.

product_urun-model.py içine:

(Aşağıda prıduct kısmında ckeditör ait alan RichTextUploadingField ve RichTextField

kullanımını görüyorsunuz.)

from django.db import models
from django.utils.safestring import mark_safe
from ckeditor_uploader.fields import RichTextUploadingField
from ckeditor.fields import RichTextField

class Category(models.Model):
    ....

class Product(models.Model):
    ...
    description = RichTextField() #burada resimupload edilemiyr.
    ....
    detail = RichTextUploadingField() #modelden gelmiyor direk 
ckeditörden geliyor. doğrudan yazıldı.Resim upload edilebilir.
    ....

    .
    .
    .

5. Evet Bu işlemleri dikkatli tamamladığınızda admin kısmında ckeditorü kullanabildiğinizi göreceksiniz.