Djangoプロジェクトの管理画面adminで、リッチテキストエディタKindEditorの基本的な使い方

Djangoの管理画面でKindEditorというリッチテキストエディタを使用するには、以下の手順に従ってください。

ステップ1：KindEditorのインストール

まず、KindEditor のインストールパッケージをダウンロードして、Django プロジェクトの静的ディレクトリに解凍する必要があります。

ステップ2：settings.pyの設定

Djangoプロジェクトのsettings.pyファイルでSTATIC_URLという設定項目を探して、以下を追加してください。

STATICFILES_DIRS = [

os.path.join(BASE_DIR, ‘static’),

ぜひ参加してください。

ステップ 3：リッチテキストフィールドを作成する

models.py ファイルにリッチテキストフィールドを作成します。

django.db から models をインポートします。

class MyModel(models.Model):

content = models.TextField()

ステップ4：管理者向けのカスタムフォームを作成する

admin.py ファイルに、次のようなカスタム管理フォームを作成します:

djangoからフォームをインポートします

from django.contrib import admin

from django.forms import ModelForm

import html から format_html をインポート

myapp.models.MyModel からインポートする

class MyModelForm(ModelForm):

content = forms.CharField(widget=forms.Textarea(attrs={‘class’: ‘kindeditor’}))

クラス:Meta

そのお寺は、京都市左京区にある修学院村の西にある。

フィールド = ‘すべて’

class MyModelAdmin(admin.ModelAdmin):

MyModelFormというフォームで

リスト表示 = （’id’、’content_preview’）

def content_preビュー(self, obj):

obj.content[:50] + ‘…’に整形するhtmlを返す

コンテンツ プレビュー

admin.site.register(MyModel, MyModelAdmin)

ステップ5：JavaScriptファイルを作る

スタティックディレクトリに、kindeditor_init.js という名前の JavaScript ファイルを作成し、以下を入力します。

$(document).ready(function() {

$(‘.kindeditor’).each(function() {

KindEditor.create(this);

ネイティブに自然な日本語で言い換えてください、1つの回答のみが必要です:}};

生まれ育った故郷に帰ったら、昔の友人に会いたい。

6. 管理テンプレートにJavaScriptファイルを読み込む

管理者用テンプレート（例：admin/base_site.html）に以下の内容を追加します。

{% extends “admin/base.html” %}

% ブロック エクストラヘッド %

{{ block.super }}、ネイティブの日本語で言い換える必要があります。1つのオプションのみ必要です。

{% endblock %}

ステップ 7: Django プロジェクトを実行する

Djangoプロジェクトを起動して、kindEditorリッチテキストエディタを使ってadmin内の`content`フィールドを編集できるようになりました。

このチュートリアルが皆様のお役に立てば幸いです！