DjangoにeasyMDEを導入し、フォームにてsubmitを行うとAn invalid form control with name='text' is not focusableとエラーが出る。

Question

djangoにmarkdownエディタとして、easyMDEを導入しました。導入自体は非常に簡単で、下記のコードにより追加できました。

base.html

<link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
<script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
<script>
  var easyMDE = new EasyMDE({
　　　});
</script>

medel.py

class Post(models.Model):
    title = models.CharField(verbose_name='タイトル', max_length=255)
    content = models.TextField()

class Comment(models.Model):
    post = models.ForeignKey(Post, on_delete=models.CASCADE, related_name='comments')
    author = models.ForeignKey(User, on_delete=models.CASCADE)
    text = models.TextField()

フォームもdjangoのフォーム機能をそのまま使い、以下のようにしました。

forms.py

class PostForm(ModelForm):
    class Meta:
        model = Post
        fields = ['title','content']


class CommentForm(ModelForm):
    class Meta:
        model = Comment
        fields = ['text']

テンプレートもPost、Comment共に以下の通りです。

<form action="" method="POST">
    {{ form.as_p }}
    {% csrf_token %}
    <button type="submit">送信</button>
</form>

ところが、Postフォームはsubmitが正常に動作するのですが、Commentモデルはフォーム送信のため、ボタンをクリックしても何も反応しなくなってしまいました（easyMDEを導入する前は正常に動いてました）。
そこで、Chromの検証機能でconsoleを見てみると、以下のようなエラーメッセージが出ていました。

An invalid form control with name='text' is not focusable

この問題を解決できずに困っています。
どなたかアドバイス頂けないでしょうか？
よろしくお願い致します。

Answer 1

別のマークダウンプラグインを使うことにしました。