Evgenii Legotckoi
Evgenii LegotckoiFeb. 8, 2022, 6:55 a.m.

Django - Tutorial 055. How to write auto populate field functionality

For a long time I wanted to write an article on how to write auto populate field functionality for a Django project. This is a very useful feature that allows you to change the content of other model fields in Django by setting a value to a field that uses auto populate.

First, why is it needed? - Such functionality allows you to reduce the size of the code in those places where you need to rewrite other fields of the object when they change. That is, for example, you do not have to redefine the save method each time in order to rewrite some field in case other fields of the object change. Also, using auto populate is basically a more advanced and neat way to manage data models in Django.
And also a similar approach can solve some problems and improve the site.


Description of the approach using markdown fields as an example

For example, I use this approach on this site for writing the content of comments and articles, and in general in all fields where the markdown syntax is used.

How it works?

  • All data models have two fields content and content_markdown . The content_markdown field controls the content of the content field. That is, in a normal situation, the user does not have access to edit the contents of the content field, he always edits only the content_markdown field.
  • The user, when creating a message, edits the content_markdown field, which automatically generates html code from the markdown markup and writes html in the content field.

Why is this needed?

Everyone chooses for himself why he should use auto populate. For example, you can automatically generate a thumbnail image from a source image. Such functionality is ideal for such actions.

And specifically in my case, it turned out that I did not find a suitable functionality for generating html from markdown. All I found at that time were libraries that generated html at runtime on every page load using template tags. And this approach greatly reduces the performance of the site. Therefore, I decided for myself that I was ready to sacrifice disk space for the sake of website performance. After all, a tenfold increase in page load speed is in some cases clearly preferable to double the amount of disk space occupied.

Implementation

I will present a simplified MarkdownField code that you could use on your site.

MarkdownField

MarkdownField will inherit from the standard TextField and will take as an argument the name of the field to use for html content. This is the html_field argument.

This field has a set_html method which is responsible for generating html from the markdown markup and also setting the value in the html field of the content.

The important point is to connect the set_html method to the pre_save signal in the contribute_to_class method. An earlier version I developed had the disadvantage that every time an object was requested, the html-generating method was called. It was a bug that I subsequently discovered and corrected in a similar way. Now the content is generated only if the object is saved.

# -*- coding: utf-8 -*-

from django.db import models
from django.db.models.signals import pre_save

from .utils import MarkdownWorker


class MarkdownField(models.TextField):
    """
    This field save markdown text with auto-populate text to html field.
    This field must be used with second text field for html content.
    """

    def set_html(self, instance=None, update_fields=None, **kwargs):
        value = getattr(instance, self.attname)
        if value and len(value) > 0:
            instance.__dict__[self.html_field] = MarkdownWorker(value).get_text()

    def contribute_to_class(self, cls, name, **kwargs):
        super().contribute_to_class(cls, name, **kwargs)
        pre_save.connect(self.set_html, sender=cls)

    def __init__(self, html_field=None, *args, **kwargs):
        self.html_field = html_field
        super().__init__(*args, **kwargs)

MarkdownWorker

This class is responsible for generating html content from markdown markup. In this class, you can add any additional types of processing from html to get the finished result you need. For example, you can remove links or images that you don't think the user can add.

When creating an object of the MarkdownWorker class, the text to be processed is set, and then a method is called that converts the text to html.

Also in my case, extensions are used for:

  • Table generation
  • Code support
  • Transfer Additions
  • Upper and lower syntax
# -*- coding: utf-8 -*-

import markdown

class MarkdownWorker:
    """
    Markdown converter. It will convert markdown text to html text
    """
    def __init__(self, text):
        self.pre_markdown_text = text
        self.markdown_text = None
        self.make_html_from_markdown()

    def make_html_from_markdown(self):
        if self.pre_markdown_text:
            self.markdown_text = markdown.markdown(
                self.pre_markdown_text,
                extensions=['markdown.extensions.attr_list',
                            'markdown.extensions.tables',
                            'markdown.extensions.fenced_code',
                            'markdown.extensions.nl2br',
                            'superscript',
                            'subscript'],
                output_format='html5'
            )

    def get_text(self):
        return self.markdown_text

To support all this functionality, you will need to install the libraries:

  • Markdown
  • MarkdownSubscript
  • MarkdownSuperscript

Maybe also beautifulsoup4 , or it will be installed in dependencies, but honestly, I don’t remember.

Application

And now let's apply this field in the data model.

We have a Post model that contains the fields:

  • user - foreign key per user
  • content - field that will contain html content
  • content_markdown - the field where the markdown text will be saved with subsequent generation of html text. In doing so, you can see that the html_field='content' argument is passed to it, which tells which field the MarkdownField is to work with.
# -*- coding: utf-8 -*-

from django.conf import settings
from django.db import models
from django.utils.translation import gettext_lazy as _

from .fields import MarkdownField


class Post(models.Model):
    user = models.ForeignKey(to=settings.AUTH_USER_MODEL, on_delete=models.CASCADE)

    content = models.TextField(verbose_name=_('Description'))
    content_markdown = MarkdownField(verbose_name=_('Description - Markdown'), html_field='content')

Conclusion

This way you can add markdown fields to your site that will automatically generate html content.
You will now have support for fancy markdown syntax on your site, which will automatically generate html content.

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

Comments

Only authorized users can post comments.
Please, Log in or Sign up
m

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:80points,
  • Rating points4
m

C ++ - Test 004. Pointers, Arrays and Loops

  • Result:20points,
  • Rating points-10

C++ - Тест 003. Условия и циклы

  • Result:42points,
  • Rating points-8
Last comments
l
leifwoolemamnNov. 1, 2024, 3:54 a.m.
How to Copy Files in Linux это mailsco
Evgenii Legotckoi
Evgenii LegotckoiOct. 31, 2024, 9:37 p.m.
Django - Lesson 064. How to write a Python Markdown extension Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
A
ALO1ZEOct. 19, 2024, 3:19 p.m.
Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
ИМ
Игорь МаксимовOct. 5, 2024, 2:51 p.m.
Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
d
dblas5July 5, 2024, 6:02 p.m.
QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
Now discuss on the forum
9
9AnonimOct. 25, 2024, 4:10 p.m.
Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…
Evgenii Legotckoi
Evgenii LegotckoiJune 24, 2024, 10:11 p.m.
добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
F
FynjyJuly 22, 2024, 11:15 a.m.
при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …

Follow us in social networks