リッチテキストCKEditorバージョンのアップロード写真をジャンゴ

CKEditorバージョンのインストール

対応する仮想環境でダウンロード

pip install django-ckeditor
pip install pillow

でsettings.py設定

INSTALLED_APPS = [
    'ckeditor', # 将django-ckeditor 注册到该列表中
    'ckeditor_uploader', # 富文本编译器上传图片的模块
]

# ckeditor 富文本编译器
CKEDITOR_CONFIGS = {
    # 将这份配置命名为 my_config
    'my_config':  {
        'toolbar': 'full',  # 工具条功能
        'height': 300,  # 编辑器高度
        'width': 800,  # 编辑器宽
    },
}

CKEDITOR_UPLOAD_PATH = '' 
# 上传图片保存路径，如果没有图片存储或者使用自定义存储位置，那么则直接写  '' ,如果是使用django本身的存储方式，那么你就指名一个目录用来存储即可。

# MEDIA_URL = '/media/'
# # 放在django项目根目录，同时也需要创建media文件夹
# MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')

注意：CKEDITOR_UPLOAD_PATHこのパラメータは、アップロードされた画像を保存するためのパスで画像がカスタムの保管場所を保存したり、使用しない場合は、直接書き込む「」、あなたは自分自身Djangoのストレージを使用している場合は、その店にディレクトリに名前を付けることができます。

CKEditorバージョンのルータの設定

urls.pyプライマリルータでは、コメントを追加しました：

あなたは、ストレージ・ジャンゴ自体を使用している場合：

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    url(r'^ckeditor/', include('ckeditor_uploader.urls')),
]

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

カスタム画像の保存場所を保存したり、使用しない場合：

urlpatterns = [
    url(r'^ckeditor/', include('ckeditor_uploader.urls')),
]

アプリケーション

でmodels.py以下のファイルを使用しました：

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

# 博客模型
class Blog(models.Model):
    title = models.CharField(max_length=50)
    # 博客的内容为　RichTextField 对象
    body = RichTextUploadingField(config_name='my_config')

    def __str__(self):
        return self.title
  

説明：

• ckeditor.fields.RichTextFieldは、リッチテキストファイルアップロードフィールドをサポートしていません。
• ckeditor_uploader.fields.RichTextUploadingFieldは、アップロードファイルにリッチテキストフィールドをサポートしています

レンダリング：