Django Material Icon Picker Widget

如何开始

pip安装django-material-icons

将其包含在设置（已安装的应用）中

INSTALLED_APPS = [
    ...
    'django.contrib.staticfiles',
    'icon_picker_widget', #<---- 
    ...

将小部件的静态路径文件添加到settings.py

STATICFILES_DIRS = [
    ('icon_picker_widget',os.path.join(BASE_DIR, 'icon_picker_widget/static'))
]

使用示例

model.py

from django.db import models

class BlogPost(models.Model):
    name = models.TextField()
    icon = models.TextField()

admin.py

from django import forms
from django.contrib import admin
from icon_picker_widget.widgets import IconPickerWidget
from .models import BlogPost

class BlogPostAdminForm(forms.ModelForm):
    def __init__(self, *args, **kwargs):
        super(BlogPostAdminForm, self).__init__(*args, **kwargs)
        self.fields['icon'].widget = IconPickerWidget()

class BlogPostAdmin(admin.ModelAdmin):
    form = BlogPostAdminForm

admin.site.register(BlogPost, BlogPostAdmin)

致谢

此小部件包装了npick，一个简洁无华的javascript图标选择器。