Django博客/新闻应用：如何移除文章预览中的图片？

嘿，我之前做博客项目时也碰到过一模一样的需求！官方的truncatewords_html确实只负责按字数截断HTML内容，不会帮你过滤特定标签，不过咱们可以通过自定义模板过滤器来搞定这个问题，给你几个实用方案：

方案一：自定义过滤器移除图片标签（推荐） #

这个方法用BeautifulSoup来解析并移除HTML里的<img>标签，既能保留其他HTML格式（比如段落、加粗），又能去掉图片，完美适配你的场景。

步骤1：安装BeautifulSoup #

先在项目环境里装一下依赖：

pip install beautifulsoup4

步骤2：创建自定义模板过滤器 #

在你的Django app里新建一个templatetags目录（记得加__init__.py文件），然后创建一个比如article_filters.py的文件，写入以下代码：

from django import template
from bs4 import BeautifulSoup

register = template.Library()

@register.filter(name='remove_images')
def remove_images(html_content):
    # 解析HTML内容
    soup = BeautifulSoup(html_content, 'html.parser')
    # 找到所有img标签并移除
    for img_tag in soup.find_all('img'):
        img_tag.decompose()
    # 返回处理后的HTML字符串
    return str(soup)

步骤3：在模板中使用 #

在你的文章列表模板顶部先加载这个自定义标签：

{% load article_filters %}

然后修改内容渲染的代码，先过remove_images过滤器，再用truncatewords_html：

<p>{{ article.content | remove_images | truncatewords_html:80 | safe }}</p>

这样处理后，预览内容里的图片就被完全移除，同时保留了其他HTML结构和截断功能~

方案二：用内置strip_tags移除所有HTML标签（备选） #

如果你不需要保留任何HTML格式，只想要纯文本预览，可以直接用Django内置的strip_tags过滤器，它会去掉所有HTML标签，包括图片：

<p>{{ article.content | strip_tags | truncatewords:80 }}</p>

不过这个方法会把所有格式都去掉，比如段落、加粗都会变成纯文本，适合对预览格式要求不高的场景。

方案三：模型层面生成预览字段（进阶） #

如果你的文章编辑后不需要频繁修改，也可以在模型里加一个preview_content字段，在保存文章时自动生成不带图片的预览内容。比如在模型的save方法里处理：

from bs4 import BeautifulSoup
from django.db import models

class Article(models.Model):
    title = models.CharField(max_length=200)
    content = models.TextField()
    preview_content = models.TextField(blank=True)

    def save(self, *args, **kwargs):
        # 处理内容移除图片
        soup = BeautifulSoup(self.content, 'html.parser')
        for img in soup.find_all('img'):
            img.decompose()
        self.preview_content = str(soup)
        super().save(*args, **kwargs)

然后模板里直接用preview_content再截断：

<p>{{ article.preview_content | truncatewords_html:80 | safe }}</p>

这个方法的好处是不用每次渲染都处理HTML，性能更好，但缺点是如果修改文章内容，需要重新保存才会更新预览字段。

内容的提问来源于stack exchange，提问作者Pixi