DjangoのTinyMCEについて

Question

DjangoのTinyMCEについて質問があります。

下記のURLに記載されているやり方で
TinyMCEをDjangoプロジェクトに追加したところ
adminサイトにはTinyMCEのHTMLFiledは表示されるが
テンプレート側は表示されないという現象が起きております。

もし、お分かりの方がいらっしゃいましたら
ご教授尾お願いいたします。

models.py

from django.db import models
from django.conf import settings
from django.contrib.auth.models import User
from django.db.models.signals import post_save
from django.dispatch import receiver
from tinymce.models import HTMLField
# Create your models here.

STATUS_CHOICES = (
   ('0',"公開"),
   ('1',"非公開"),
   ('2',"自動投稿"),
)

class Post(models.Model):
        contents = HTMLField()
        created_at = models.DateTimeField('作成日時', auto_now_add=True)
        updated_at = models.DateTimeField('更新日時', auto_now=True)
        status = models.CharField("記事のステータス", max_length = 2,
                                choices=STATUS_CHOICES)
        
        def __str__(self):
                return self.contents

Views.py

from django.contrib.auth.forms import UserCreationForm,AuthenticationForm
from django.contrib.auth.models import User
from django import forms
from .models import Post

class PostForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = ['contents','status']
        #exclude = ('user',)

form.py

from django.contrib.auth.forms import UserCreationForm,AuthenticationForm
from django.contrib.auth.models import User
from django import forms
from .models import Post

class PostForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = ['contents','status']
        #exclude = ('user',)

template.html

{% extends 'base.html' %}
{% load static %}
{% block content %}

<form method="post" enctype="multipart/form-data" novalidate>
    {% csrf_token %}

    <div class = "container" style = "max-width:80%;">
        <div class = "mb-5" style = "text-align:center;">
            <button type="submit" class="btn btn-warning mt-3 pr-5 pl-5" style = "font-size:20px;"><b>投稿</b></button>
        </div>

        <div class = "mt-3 text-center">{{ form.contents }}</div>
        <div class = "mt-3 text-center">{{ form.status }}</div>
</form>

{% endblock %}

Comments

[ryu22e]

既に回答してしまいましたが、Views.pyの内容がform.pyと同じになっているようです。後で誰かが読み返した時問題の再現がしやすくなるよう、実際のコードの内容を反映させておいたほうがいいと思います。

[TakayukiYamada]

すいません。
気を付けます

Answer 1

DjangoのTinyMCEについて質問があります。

正確には、django-tinymceというTinyMCE（JavaScriptライブラリ）を簡単に使えるようにするDjango拡張に関する質問ですね。

template.htmlでextendsしているbase.htmlの中におそらくheadタグがあると思います。
（なければ他に定義されている場所を探すか、base.htmlに追加してください）
headタグの中に以下を追記してください。

{{ form.media }}

上記のコードがTinyMCEをロードするscriptタグを出力し、{{ form.contents }}で出力されたtextareaをリッチテキストエディタにしてくれます。

これはdjango-tinymceの以下公式ドキュメントにも書いてあります。英語ですが、Google翻訳などを使って一度目を通してみてください。
Usage — django-tinymce 2.3 documentation

（2019/03/09 23:45追記）

これでもダメなら、urls.pyの設定が足りないのかもしれません。urlpatternsの中に以下を追記してください。

(r'^tinymce/', include('tinymce.urls')),

Django 2以降なら以下を追記してください。

path('tinymce/', include('tinymce.urls')),

これは以下公式ドキュメントに書いてあります。
Installation — django-tinymce 2.3 documentation

Comments

[TakayukiYamada]

ありがとうございます！
無事に再現できました。

非常に助かりました！
ありがとうございます！