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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Q&A

0回答

1489閲覧

Django CKEditor の実装方法

Mario_11

総合スコア95

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

0グッド

0クリップ

投稿2020/08/02 01:31

編集2020/08/03 22:22

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)

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

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問