CKEditor4からCKEditor5にバージョンアップする手順

CKEditor4からCKEditor5にバージョンアップする手順を以下に示します。必要な手順を順を追って説明し、サンプルコードも提供します。


### 準備


1. **必要なパッケージのインストール**

    - `django-ckeditor`をインストールしている場合、それをアンインストールして`django-ckeditor5`に変更します。


```bash

pip uninstall django-ckeditor

pip install django-ckeditor5

```


2. **Djangoアプリケーションの設定**


### 設定


1. **settings.pyの設定**


   以下のように設定ファイルを編集します。


```python

INSTALLED_APPS = [

    ...

    'ckeditor',

    'ckeditor_uploader', # 画像アップロード機能を使用する場合

    ...

]


# CKEditorの設定

CKEDITOR_UPLOAD_PATH = "uploads/"

CKEDITOR_IMAGE_BACKEND = "pillow"

CKEDITOR_CONFIGS = {

    'default': {

        'toolbar': 'full',

        'height': 300,

        'width': '100%',

        'extraPlugins': ','.join([

            'uploadimage', # 画像アップロード機能を使用する場合

            'image2', # 新しい画像ツールバーを使用する場合

        ]),

    },

}

```


2. **モデルの設定**


   モデルで使用するフィールドを`RichTextUploadingField`に変更します。

ここから先は

2,959字

¥ 2,500

期間限定 PayPay支払いすると抽選でお得に!

この記事が気に入ったらサポートをしてみませんか?