python測試開發django-49.allow_tags和mark_safe

前言

前面一篇使用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

實踐案例

接着上一篇http://www.javashuo.com/article/p-bxyvzjsb-cg.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是在列表中顯示排序功能