前言

前面一篇使用allow_tags方法可以在xadmin的后台页面中插入html代码,在2.x版本ModelAdmin里面删除了allow_tags属性的支持,使用mark_safe函数代替

allow_tags

1.x早期的版本使用

def image_(self, obj):
return '<image src="%s" />' % obj.image
image_.allow_tags = True

2.x新的版本使用

from django.utils.safestring import mark_safe
def image(self, obj):
return mark_safe('<image src="%s" />' % obj.image)

mark_safe

如果您的代码在admin中。您可以覆盖只添加mark_safe函数的py,如下例所示:

from django.utils.safestring import mark_safe

def get_image_tag(self):
if self.picture:
return mark_safe('<img src="%s" width="60" height="75" />' % self.picture.url)
else:
return ' '
get_image_tag.short_description = 'Photo'
# get_image_tag.allow_tags = True #redundant
get_image_tag.admin_order_field = 'name'

另外,您还可以使用mark_safe函数作为decorator:

from django.utils.safestring import mark_safe

@mark_safe
def icon_pw(self, obj):
return f'<img src="{obj.icon.url}" />' if obj.icon else ''
icon_pw.short_description = 'Icon'
icon_pw.allow_tags = True

实践案例

接着上一篇https://www.cnblogs.com/yoyoketang/p/10655601.html ,前面一篇是在models.py里面使用的allow_tags方法,接下来我们换个地方,在adminx.py里面使用mark_safe方法

# adminx.py
import xadmin
from .models import UploadImage
from django.utils.safestring import mark_safe class ControlImage(object):
# 显示不要用image,而应该用image_img
list_display = ['name', 'image_img', 'url', 'add_time', 'image_tag'] def image_tag(self, obj):
if obj.image:
href = obj.image.url # 点击后显示的放大图片
src = obj.image.thumbnail.url # 页面显示的缩略图
# 插入html代码<a href="/media/path/to/yoyoaaa.jpg" target="_blank" title="传图片" data-gallery="gallery" </a>
image_html = '<a href="%s" target="_blank" title="传图片"><img alt="" src="%s" class="field_img"></a>'%(href, src)
return mark_safe(image_html)
else:
return '上传图片' image_tag.short_description = 'Photo' # 显示在页面的内容
# get_image_tag.allow_tags = True # redundant
image_tag.admin_order_field = 'name' # 排序 xadmin.site.register(UploadImage, ControlImage)

实现的效果如下图所示

admin_order_field是在列表中显示排序功能

最新文章

  1. Unity3D 动态改变地形
  2. 白话Https
  3. MySQL 编程的6个重要的技巧
  4. C语言 详解多级指针与指针类型的关系
  5. Codeforces Round #260 (Div. 2) A B C 水 找规律(大数对小数取模) dp
  6. sqlserver插入datetime
  7. js相对定位
  8. android:改动PagerTabStrip中的背景颜色,标题字体的样式、颜色和图标以及指示条的颜色
  9. .net core 在视图中快速获取路由(Areas、Controller、Action)
  10. Problem : 1002 ( A + B Problem II )
  11. android页面渲染速度提升的常用方法
  12. JS类小功能
  13. PAT 1066 图像过滤
  14. Swagger使用小记
  15. Docker学习笔记之常见 Dockerfile 使用技巧
  16. python ctrl+c
  17. centos磁盘空间重新分配
  18. Python3基础 list 推导式 生成与已知列表等长度+元素为0的列表
  19. 【SQL模板】三.插入/更新 数据模板TSQL
  20. Java之集合(二十五)ConcurrentHashMap

热门文章

  1. iOS学习笔记之Block
  2. python接口自动化测试二十八:连接SQL sever操作
  3. 步步为营-22-xml登录
  4. String中根据,(逗号)进行分割
  5. mysql中delete from in子查询删除失败
  6. 这篇文章讲得精彩-深入理解 Python 异步编程(上)!
  7. POJ 3050 Hopscotch【DFS带回溯】
  8. 2015 Benelux Algorithm Programming Contest I- Interesting Integers
  9. Java相关英语单词
  10. 002.Heartbeat部署及httpd高可用