如何去除CKEditor5生成内容中的空段落标签？

我太懂这种烦躁了——CKEditor5自动生成的空<p>标签，搭配Tailwind的prose类自带的margin，明明想让内容排版干净利落，结果多余的空白一直消不掉，试了好几种方法都没效果，确实头疼。

先帮你分析下之前的尝试为什么没成功：

1. 你用的.prose p:empty不生效，是因为CKEditor生成的“空”<p>标签里其实不是完全空的，大概率藏着空格、换行或者 ，而CSS的:empty选择器只匹配**完全没有任何内容（包括空白字符）**的元素，所以根本选不到这些“假空”的p标签。
2. 你的Django过滤器正则只匹配了纯空白的p标签，但没包含 的情况，而且替换成 等于又给p标签塞了内容，自然还是会显示出来。

给你几个按优先级排序的可行方案，从根源到兜底都有：

方案一：从CKEditor5配置入手，从源头上避免生成空p标签 #

这是最彻底的办法，直接让编辑器别生成空段落，省得后续清理。你可以在CKEditor的初始化配置里加上内容过滤规则，或者调整回车行为：

ClassicEditor
  .create(document.querySelector('#editor'), {
    // 调整回车生成<br>而非<p>，减少空段落生成的可能
    enterMode: 2,
    shiftEnterMode: 1,
    // 配置内容过滤，直接禁止空p标签
    disallowedContent: 'p:empty'
  })

如果上面的disallowedContent不生效，也可以在编辑器的内容过滤规则里细化设置，从源头上拦截空段落的生成。

方案二：改进Django过滤器，精准匹配所有“假空”p标签 #

把你的正则表达式改一下，让它能匹配包含空白、换行、 的空p标签，然后直接替换成空字符串（不要替换成 ）：

from django import template
from django.utils.safestring import mark_safe
import re

register = template.Library()

@register.filter
def remove_empty_paragraphs(value):
    # 匹配所有包含空白、换行、 的空p标签，直接清除
    cleaned_value = re.sub(r'<p[^>]*>(?:\s|&nbsp;)*</p>', '', value, flags=re.IGNORECASE)
    return mark_safe(cleaned_value)

这里的(?:\s| )*能匹配任意数量的空白字符、换行或者 ，flags=re.IGNORECASE是为了兼容可能的大小写（比如偶尔出现的<P>标签），直接替换成空字符串就能彻底删掉这些没用的p标签。

方案三：调整CSS选择器，兜底隐藏“假空”p标签 #

如果上面两种方法都没法用，就用CSS作为兜底，精准选中那些藏着 或者空白的p标签，把它们的margin清掉或者直接隐藏：

/* 匹配包含 或者纯空白的p标签，直接隐藏 */
.prose p:where(:empty, :has-text('\u00A0')) {
  margin: 0 !important;
  display: none;
  line-height: 0;
}

这里的:has-text('\u00A0')就是匹配内容是 的元素，和:empty配合，就能覆盖所有你遇到的“空”p标签情况。

你可以根据自己的项目情况选最适合的方法，个人建议优先试方案一，从根源解决问题最省心。

备注：内容来源于stack exchange，提问作者Md Mahmud Hasan