Как визуализировать django modelformset_factory формы вручную

Question

Я использую форму django modelformset_factory для загрузки и редактирования изображений. В настоящее время, когда я отображаю формы, он показывает формы с существующими данными следующим образом:

• имя поля: в настоящее время: ссылка на изображение (например: images/filename.jpg)
• Изменить: поле ввода изображения
• флажок для удаления

Как я могу изменить отображение (в настоящее время: ссылка на изображение (например: images/filename.jpg))? хотел бы изменить ссылку на изображение для отображения имени изображения и открыть его в новом окне, когда пользователь щелкнет по нему. Я проверил документацию django для ручной визуализации формы, но не смог найти соответствующую информацию.

Спасибо!

Модели:

class BaseImageAbstractModel(models.Model):
    content_type = models.ForeignKey(ContentType, on_delete=models.CASCADE)
    object_id = models.PositiveIntegerField()
    content_object = GenericForeignKey('content_type','object_id')

    class Meta:
        abstract = True

class ImageAbstractModel(BaseImageAbstractModel):
        user = models.ForeignKey(User, null=True, blank=True, on_delete=models.CASCADE)
        name = models.CharField(max_length=50, blank=True)
        description = models.TextField(max_length=3000)
        picture = models.ImageField(upload_to='images')
        submit_date = models.DateTimeField(default=None)
        is_public = models.BooleanField(default=True)
        is_removed = models.BooleanField(default=False)

        class Meta:
            abstract = True

        def __str__(self):
            pass

class Image(ImageAbstractModel):    
    class Meta:
        verbose_name = "Image"
        verbose_name_plural = "Images"

        def __str__(self):
            return self.name
class ImageForm(BootstrapForm, ModelForm):

    class Meta:
        model = Image
        fields = ('picture', 'name')

ImgFormSet = modelformset_factory(Image, form=ImageForm, extra=5, can_delete=True)

Answer 1

Решение состоит в том, чтобы создать подкласс класса ClearableFileInput и переопределить следующее:

class image_widget(ClearableFileInput):
     initial_text = ugettext_lazy('')
     template_with_initial = ('%(initial_text)s <a target="_blank" href="%(initial_url)s">%(initial)s</a> '
    '%(clear_template)s<br />%(input_text)s: %(input)s')

    def get_template_substitution_values(self, value):
       return {
           'initial': 'Current Picture',
           'initial_url': conditional_escape(value.url),
    }

class ImageForm(BootstrapForm, ModelForm):

    class Meta:
        model = Image
        fields = ('picture', 'name')
        widgets = {'picture': image_widget,}

Теперь вывод выглядит так:

• Имя поля: текущее изображение
• Изменить: поле ввода изображения
• Флажок для удаления

Джанго справочная документация