Как вывести правильно форму в Djnago?

Question

[Egoraccountmail]

Использую Ckeditor, по какой причине на сайте не выводится красивая форма для редактирования, а выводится обычная?
Вот модель:

class Article(models.Model):
    user = models.ForeignKey(User)
    title = models.CharField(max_length=100)
    text = RichTextField()
    #moderation_journalist = models.BooleanField(default=False)
    moderation_editor = models.BooleanField(default=False)
    create_data = models.DateTimeField(auto_now_add=True)
    update_data = models.DateTimeField(auto_now=True)


    def __str__(self):
        return self.title

Форма:

class ArticleForm(forms.ModelForm):
    class Meta:
        model = Article
        fields = (
            'title',
            'text',
        )

Veiw:

def create_article(request):
    if request.POST:
        form = ArticleForm(request.POST)
        new = form.save(commit=False)
        new.user = request.user
        new.moderation_editor = False
        new.save()

        return redirect('/account/editor/')

    form = ArticleForm()
    args = {
        'form': form
    }

    return render(request, "accounts/create_article.html", args)

Html:

<div class="container">

        <h1>Создайте новую запись:</h1>
        <br>
        <form enctype="multipart/form-data" method="post">
            {% csrf_token %}
            <p>{{ form.title }}</p>
            <p>{{ form.text }}</p>
        <button type="submit">Отправить</button>
    </form>
    </div>

Comments

[sim3x]

Что в консоли браузера?
js код подключен?

[Egoraccountmail]

sim3x, подключен, через админку форму от ckeditor выводит

[sim3x]

Egoraccountmail, Что в консоли браузера?

[Egoraccountmail]

Ошибки:

bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
    at bootstrap.min.js:6
parallaxsoon.js:1 Uncaught TypeError: Cannot read property 'getContext' of null
    at HTMLDocument.<anonymous> (parallaxsoon.js:1)
    at i (min.js:2)
    at Object.fireWith [as resolveWith] (min.js:2)
    at Function.ready (min.js:2)
    at HTMLDocument.K (min.js:2)
index.js:14 Uncaught TypeError: Cannot read property 'appendChild' of null
    at onLoad (index.js:14)
index.js:115 Uncaught TypeError: Cannot read property 'remove' of null
    at onResize (index.js:115)
index.js:115 Uncaught TypeError: Cannot read property 'remove' of null
    at onResize (index.js:115)

[Egoraccountmail]

sim3x, на других страницах сайта ошибки точно такие же

[sim3x]

Egoraccountmail, избавьтесь от всех ошибок

[Egoraccountmail]

sim3x, не помогло

Answer 1

[Сергей Горностаев]

Никто не читает документацию. Во-первых, обязательно выполнить python manage.py collectstatic. Во-вторых,

<div class="container">
    <h1>Создайте новую запись:</h1>
    <br>
    <form enctype="multipart/form-data" method="post">
        {{ form.media }}
        {% csrf_token %}
        <p>{{ form.title }}</p>
        <p>{{ form.text }}</p>
        <button type="submit">Отправить</button>
</form>
</div>

Comments

[Egoraccountmail]

Спасибо!