Создание форм с несколькими типами ввода

Question

Я пытаюсь создать поле формы ввода, которое может принимать текст, изображения или видео, как мы видим в Twitter.

Я пытаюсь сделать следующее:

from django import forms
from .models import Tweet

class TweetModelForm(forms.ModelForm):
    content = forms.CharField(label='',
                widget=forms.Textarea(
                        attrs={'placeholder': "Your message",
                            "class": "form-control"}
                    ))

Который производит

Однако я пытаюсь использовать одно и то же поле ввода, чтобы пользователь мог загружать изображения, видео, GIF-файлы или просто вводить текст в поле.Я не уверен, как изменить вышеуказанное поле формы.

Редактировать: Если это невозможно с помощью Django, это можно сделать с помощью HTML5?

Answer 1

Вы должны использовать WYSIWYG Editor для этого, как Froala Editor

Использование

from django import forms
from froala_editor.widgets import FroalaEditor

 class PageForm(forms.ModelForm):
     content = forms.CharField(widget=FroalaEditor)

Answer 2

Для добавления загрузки файла в Django форму необходимо добавить FileField в класс формы.

Обновите forms.py , как показано ниже.

from django import forms
from .models import Tweet

class TweetModelForm(forms.ModelForm):
    content = forms.CharField(label='',
                widget=forms.Textarea(
                        attrs={'placeholder': "Your message",
                            "class": "form-control"}
                    ))
    file = forms.FileField(label="Upload file", blank=True)

Это отобразит отдельное поле файла, чтобы пользователь мог загружать изображения и другие файлы.

Answer 3

Вы пытались использовать плагин WYSIWYG? Джанго Summernote может работать https://github.com/summernote/django-summernote

Затем вы можете установить виджет на SummernoteWidget в форме