python - 如何在 django 管理中为选定字段制作 "Copy to clipboard"按钮/链接？

Question

我使用经典的 Django 管理面板。我想为模型中的一个字段添加按钮/链接。

最简单的方法是什么？

Answer 1

让我向您展示如何使用 Javascript 在 Django 管理中的字段旁边显示一个按钮。

首先，您需要知道该字段的 HTML 元素 id。知道一个的idChrom/Firefox 中的元素:右键单击输入字段 > 检查元素。

假设我的模型中有一个名为 name 的字段，它的 HTML 元素 id，由 Django 管理界面分配为 id_name

所以如果我想在它旁边显示一个按钮，我会编写这个 JS 脚本:

var $ = django.jQuery;

$(document).ready(function() {
    var myButton = '<button>Copy</button>';
    $(myButton).insertAfter($('#id_name'));
});

将此文件保存在项目的 /static/ 文件夹中。我将其命名为 show-copy-btn.js。

然后使用 class Media 将此文件提供给模型管理员的添加/更改页面，像这样:

class MyModelAdmin(admin.ModelAdmin):
    ...
    class Media:
        js = ('show-copy-btn.js',) 
        # above path is equivalent to /static/show-copy-btn.js
        # if your file in /static/js/ folder, the path above should 
        # be 'js/show-copy-btn.js'

如果您打开模型的添加/更改管理页面，接下来您会看到一个按钮到所需的字段。尽管按钮看起来有点难看，但我相信您可以通过一些 CSS 魔术让它变得漂亮。

希望这个答案能让您入门。在此之后，您可以为实际的“复制到剪贴板”功能编写 JS 代码，并将该代码传递给 Django 管理员，就像我在上面向您展示的那样。

注意:此答案不会向您展示如何将文本复制到剪贴板。它只向您展示了如何使用 JS 在 Django 管理中的字段旁边显示一个按钮。