Django CKEditor の実装方法がうまくいかず質問させていただきました。
Django CKEditorの設定・表示しているはずなのに、現在は<textarea>
が表示されています。
参考にしたサイト
https://django-ckeditor.readthedocs.io/en/latest/
https://github.com/django-ckeditor/django-ckeditor
python
1#setting.py 2INSTALLED_APPS = [ 3 'ckeditor', 4 'ckeditor_uploader', 5 'djrichtextfield', 6 7] 8 9#Ckeditor 10AWS_QUERYSTRING_AUTH = False 11CKEDITOR_FILENAME_GENERATOR = 'utils.get_filename' 12CKEDITOR_UPLOAD_PATH = "uploads/" 13CKEDITOR_CONFIGS = { 14 'default': { 15 'toolbar': 'Custom', 16 'toolbar_Custom': [ 17 ['Bold', 'Italic', 'Underline'], 18 ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'], 19 ['Link', 'Unlink'], 20 ['RemoveFormat', 'Source'] 21 ] 22 } 23}
python
1#models.py 2class Item(models.Model): 3 post_user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.PROTECT) 4 title = models.CharField('タイトル', max_length=70) 5 content = RichTextField()
python
1#forms.py 2 3from ckeditor.widgets import CKEditorWidget 4 5class PostForm(forms.ModelForm): 6 class Meta: 7 model = Item 8 fields = ('title', 'content') 9 widgets = { 10 'content':CKEditorWidget(), 11 } 12 13#urls.py 14 path('djrichtextfield/', include('djrichtextfield.urls')), 15 path('ckeditor/', include('ckeditor_uploader.urls')),
html
1<head> 2 <script type="text/javascript" src='{% static "ckeditor/ckeditor-init.js" %}'></script> 3 <script type="text/javascript" src='{% static "ckeditor/ckeditor/ckeditor.js" %}'></script> 4</head> 5 <form action="" method="POST" enctype="multipart/form-data" class="h-adr"> 6 {% csrf_token %} 7 <div class="item-text col-sm-12"> 8 {{ form.content| as_crispy_field }} 9 {{ form.content.error }} 10 </div> 11 <button type="submit" class="btn btn-primary">送信</button> 12</form>
本来ならテンプレートで{{ form.media }}
を表示させているのですが、クローム上でエラーが出たためそのままリンクを(参考サイト)入力しています。エラー内容は下記です。GET http://127.0.0.1:8000/djrichtextfield/init.js net::ERR_ABORTED 500 (Internal Server Error)
サイト通りに勧めたはずなのですがどこかで間違ってしまった可能性があります。
何かアドバイスをいただけませんでしょうか?
何か必要な物があれば追記致します。よろしくお願いいたします。
あなたの回答
tips
プレビュー