(Django) Wysiwyg Editor django menggunakan CKEditor

March 5, 2017, 10:10 a.m. 5 2532

Wysiwyg Editor biasa ditemukan di wordress atau blogspot, kali ini saya akan membagikan gimana cara mengistall dan menggunakan Wysiwyg Editor CKEditor

Install CKEditor python

pip install django-ckeditor

Tambahkan ckeditor pada setting.py

INSTALLED_APPS = (
    'jet',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'ckeditor',
    'ckeditor_uploader',
    'ArthdiBlog',
)

tambahkan depensi media yang akan kita gunakan ketika menambah foto dengan editorck

CKEDITOR_UPLOAD_PATH = "blogme/image/"
CKEDITOR_IMAGE_BACKEND = "PIL"
CKEDITOR_JQUERY_URL = 'https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'
CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'full',
        'extraPlugins': ','.join(
            [
                'codesnippet',
            ]),
    },
}

lakukan migrate kembali agar ckeditor terdaftar di django project anda

./manage migrate

copy static file ckeditor di python installer ke folder project anda

 

Create file form.py di project anda terus tambahkan code ini

from django import forms

from ckeditor.fields import RichTextFormField


class CkEditorForm(forms.Form):
    content = RichTextFormField()

Membuat field pada model.py


from ckeditor.fields import RichTextField
from ckeditor_uploader.fields import RichTextUploadingField

class Article(models.Model):
    author = models.ForeignKey(UserBlogMe)
    category = models.ForeignKey(CategoryArticle)
    name = models.CharField(max_length=500, default='-')
    content = RichTextUploadingField()

setelah semua sudah sekarang tinggal coba di djangoadminnya jadinya seperti ini

Selesai deh dan sekarang bisa membuat artikel seperti di wordress dengan mudah

 

referensi saya:

https://github.com/django-ckeditor/django-ckeditor

Tentang Penulis

Vimio

Kalau bisa jadi 10 akan kita jadikan semua nya 10, 10 jika nilai 0 - 10 yang tertinggi. tapi sayangnya ketika nilai dan niat saling menghianati. bersyukurlah semua apa yang kita dapat dan yang telah di berikan. ya itu nilai 10 yang dikasih. { 1 0 }

Komentar

Anna arthdi putra

Sering masalah ketika install app dan tidak bisa upload gambar. bisa di tanyakan?

  • March 6, 2017, 4:27 a.m.