flask实现在首页文章列表中图片简略表示

1. 问题

最近在使用 flask 开发一个论坛时遇到了下面问题:

我的站点首页有很多的文章,文章里面会出现图片(实际是上传到服务器的图片 html 链接),我需要在站点首页里将文章中的图片简略表示成 [图片] 两个字呢,就像知乎手机客户端那种。

就像下图第二楼中的简略表示,但那个是我为了描述方便,手打的。

flask实现在首页文章列表中图片简略表示_第1张图片

另外补充两点:

  1. 我的博客文章是保存在数据库中的 html 文本
  2. 首页的文章显示是通过 jinja2 模板引擎渲染出来的

2. 思路

google 查了半天没有解决办法,但找到了一点思路,就是自定义 jinja2 过滤器,使用过滤器将 图片 html 标签<img /> 全部替换成文字 [图片] 就行了。

3. 解决

花了半个小时查了下 python 中正则表达式的使用方法,最终解决了问题。

自定义过滤器需要做两项工作:一是写一个filter函数;然后在当前环境中注册filter。

编写如下过滤器函数 subImg

def subImg(name):
    re_img = re.compile('<img.*?/>')
    return re.sub(re_img, u'[图片]', name)

然后在环境中注册该filter,代码如下:

env=app.jinja_env
env.filters['subImg'] = subImg

需要注意的是,由于我使用的蓝图,并且使用 manage 管理 app 对象,所以需要在 manage.py 文件中加入上述的代码即可。

下图时实现结果:

flask实现在首页文章列表中图片简略表示_第2张图片

4. 参考

http://blog.csdn.net/xia7139/article/details/9971745

你可能感兴趣的:(flask,jinja2,web-前端)