django-wangeditor 1.0.2

A Django app to use wangeditor.

1.Install or add django-wangeditor to your python path.:

pip install django-wangeditor

2.Add “wangeditor” to your INSTALLED_APPS setting like this:

INSTALLED_APPS = [
    ...
    'wangeditor',
]

3.Run the collectstatic management command: $ ./manage.py collectstatic. This will copy static CKEditor required media resources into the directory given by the STATIC_ROOT setting. See Django’s documentation on managing static files for more info.

Usage

Field

The quickest way to add rich text editing capabilities to your models is to use the included RichTextField model field type. For example:

from django.db import models
from wangeditor.fields import WangRichTextField

class Post(models.Model):
    content = WangRichTextField()

Use upload local pictures

1.Add a WANGEDITOR_UPLOAD_PATH setting to the project’s settings.py file. This setting specifies a relative path to your wangeditor media upload directory. CKEditor uses Django’s storage API. By default, Django uses the file system storage backend (it will use your MEDIA_ROOT and MEDIA_URL):

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

WANGEDITOR_UPLOAD_PATH = "uploads/"

2.Include the wangeditor URLconf in your project urls.py like this:

# django >= 2.0
path('wangeditor/', include('wangeditor.urls'))
# django < 2.0
url(r'wangeditor/', include('wangeditor.urls'))

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

3.Opens the configuration for uploading images:

WANGEDITOR_CONFIGS = {
    'default':{
        'uploadImgServer': '/wangeditor/upload/'
    }
}

config

Optional - customizing wangEditor editor Add a WANGEDITOR_CONFIGS setting to the project’s settings.py file.:

WANGEDITOR_CONFIGS = {
'default': {
    'menus': ['head', 'bold', 'fontSize', 'fontName', 'italic', 'underline', 'strikeThrough', 'foreColor',
              'backColor',
              'link', 'list', 'justify', 'quote', 'emoticon', 'image', 'table', 'video', 'code', 'undo', 'redo'],
    'pasteFilterStyle': True,  # Whether to turn off paste style filtering
    'pasteIgnoreImg': False,  # Whether to ignore images in the pasted content
    'colors': [
        '#000000',
        '#eeece0',
        '#1c487f',
        '#4d80bf',
    ],  # Custom configuration color (font color, background color) can add more color number
    'showLinkImg': False,  # Hide the inserted network image
}
}

Update Log

version-1.0.2 1、Resolve compatibility issues with django 4.0

Refer to the configuration for more information, please see https://www.kancloud.cn/wangfupeng/wangeditor3/332599