Django Admin: добавление иконки с назначенным JS над текстовой областью

Question

Я хотел бы добавить пару значков (или кнопок) с простой функциональностью JS (например, обертывание выделенного текста в теги HTML с определенным классом).Вот так:

Снимок экрана

Как мне это сделать?

Answer 1

При использовании библиотек администратора django, таких как suit или jet, у вас есть несколько вариантов.

Но если вы используете администратор django по умолчанию, вам нужно отредактировать ваш шаблон администратора.

Вы можете увидеть здесь в django docs для переопределения шаблона администратора.

т.е. если вы хотите переопределить change_form.html, вы можете просто добавить html-файл и переопределить его.

И там,Вы можете добавить свою собственную кнопку внутри определенного блока.

{% extends "admin/change_form.html" %}
{% load i18n admin_urls %}
{% block object-tools-items %}
    <!-- Add your own button or icons here or anywhere you want -->
    <li>
        <a href="">Your button</a>
    </li>
    {% if has_absolute_url %}
        <li>
            <a href="{% url 'admin:view_on_site' content_type_id original.pk %}" class="viewsitelink">{% trans "View on site" %}</a>
        </li>
    {% endif %}
{% endblock %}