質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.06%

Django CKEditor の実装方法

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 70

Mario_11

score 76

Django CKEditor の実装方法がうまくいかず質問させていただきました。
Django CKEditorの設定・表示しているはずなのに、現在は<textarea>が表示されています。
参考にしたサイト
https://django-ckeditor.readthedocs.io/en/latest/
https://github.com/django-ckeditor/django-ckeditor

#setting.py
INSTALLED_APPS = [
    'ckeditor',
    'ckeditor_uploader',
    'djrichtextfield',

]

#Ckeditor
AWS_QUERYSTRING_AUTH = False
CKEDITOR_FILENAME_GENERATOR = 'utils.get_filename'
CKEDITOR_UPLOAD_PATH = "uploads/"
CKEDITOR_CONFIGS = {
    'default': {
        'toolbar': 'Custom',
        'toolbar_Custom': [
            ['Bold', 'Italic', 'Underline'],
            ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
            ['Link', 'Unlink'],
            ['RemoveFormat', 'Source']
        ]
    }
}
#models.py
class Item(models.Model):
    post_user  = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.PROTECT)
    title      = models.CharField('タイトル', max_length=70)
    content    = RichTextField()
#forms.py

from ckeditor.widgets import CKEditorWidget

class PostForm(forms.ModelForm):
    class Meta:
        model   = Item
        fields  = ('title', 'content')
        widgets = {
            'content':CKEditorWidget(),
         }

#urls.py
    path('djrichtextfield/', include('djrichtextfield.urls')),
    path('ckeditor/', include('ckeditor_uploader.urls')),
<head>
    <script type="text/javascript" src='{% static "ckeditor/ckeditor-init.js" %}'></script>
    <script type="text/javascript" src='{% static "ckeditor/ckeditor/ckeditor.js" %}'></script>
</head>
    <form action="" method="POST" enctype="multipart/form-data" class="h-adr">
    {% csrf_token %}
        <div class="item-text col-sm-12">
            {{ form.content| as_crispy_field }}
            {{ form.content.error }}
        </div>
    <button type="submit" class="btn btn-primary">送信</button>
</form>

本来ならテンプレートで{{ form.media }}を表示させているのですが、クローム上でエラーが出たためそのままリンクを(参考サイト)入力しています。エラー内容は下記です。GET http://127.0.0.1:8000/djrichtextfield/init.js net::ERR_ABORTED 500 (Internal Server Error)

サイト通りに勧めたはずなのですがどこかで間違ってしまった可能性があります。
何かアドバイスをいただけませんでしょうか?
何か必要な物があれば追記致します。よろしくお願いいたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.06%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る