Стилизованные поля HTML в админке Django

У меня есть TextField для хранения HTML текста. Я хочу раскрасить HTML теги. Я использую TinyMCE, но мне не нужен HTML редактор, как WordPress, просто простой для раскраски, как IDE, Искал много, но не нашел ничего полезного, Так что если вы можете помочь, я буду благодарен.

Мое поле: This is my field that I want to colorize

Я хочу получить вывод, подобный этому, но с возможностью изменения:

Output something like this

Вы можете попробовать это с помощью CodeMirror.

Переопределите базовый шаблон admin с желаемыми css/js, скопировав файл https://github.com/django/django/blob/main/django/contrib/admin/templates/admin/base.html в ваш шаблон apps и добавьте исходники. Больше информации можно найти здесь.

В вашем пользовательском js файле укажите класс или id textarea, на котором вы хотите запустить CodeMirror или что-то подобное.

Может быть что-то вроде этого templates/admin/base.html

{% extends "admin/base.html" %}
{% load static %}
{% block footer %}
    {{ block.super }}
 <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.0/codemirror.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script type="text/javascript" src="{% static 'extra_customisation.js' %}"></script>
{% endblock  %}

Для css

{% extends "admin/base.html" %}
{% load static %}
{% block extrastyle %}
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.0/codemirror.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
{% endblock  %}
Вернуться на верх