如何利用AnQiCMS过滤器，将HTML内容中的特定属性值进行批量修改？

在网站内容管理中，我们经常会遇到需要对大量HTML内容中的特定属性值进行统一调整或批量修改的场景。例如，你可能需要更新所有图片的高度属性，或者为某些链接添加特定的rel属性，甚至是调整富文本编辑器生成的某些标签的样式。AnQiCMS 提供了灵活的工具来应对这些需求，其中后台的批量替换功能是直接修改存储内容的利器，而模板过滤器则能在内容输出时进行动态转换，两者结合，能够高效地管理和优化网站内容。

第一部分：利用AnQiCMS后台批量替换功能，直接修改存储内容

当你的目标是永久性地修改数据库中存储的HTML内容里的特定属性值时，AnQiCMS 后台的“文档关键词替换”功能是你的首选工具。这个功能允许你定义替换规则，并应用到全站内容上，支持普通文本替换和高级正则表达式替换，对于精确修改HTML属性值而言，正则表达式的威力尤为突出。

1. 功能入口： 在AnQiCMS后台，导航到“内容管理” -> “文档管理”。在文档列表页面上方，你会看到“文档关键词替换”的选项。点击进入该功能界面。

2. 配置替换规则： 在这里，你需要输入“查找词”和“替换词”。

   • 普通文本替换：如果你只是想将某个固定的属性值（如width="100"）替换成另一个固定的值（如width="150"），可以直接输入。
   • 正则表达式替换：这是批量修改HTML特定属性值的核心。正则表达式允许你匹配复杂的模式，从而精确地定位和修改属性值。
     • 语法提示：正则表达式规则需要用 { 开头，以 } 结束。例如，{[0-9]+} 可以匹配连续的数字。结合捕获组（capturing groups）和反向引用（backreferences），你可以实现非常精细的修改。

3. 实践示例：修改图片宽度属性 假设你网站的文章内容中，所有图片都使用了width="xxx"这样的内联属性来定义宽度，现在你想将所有图片的宽度属性统一修改为max-width: 100%; height: auto;以实现更好的响应式布局，同时移除旧的width属性。

   • 查找词（正则表达式）：(<img[^>]*?)\swidth="\d+"([^>]*?>)
     • 这个正则表达式的含义是：
       • (<img[^>]*?)：捕获<img>标签开头，以及后面任意非>字符，直到遇到width属性的前面。这是第一个捕获组。
       • \swidth="\d+"：匹配一个空格、width="、任意数字（\d+）和"。
       • ([^>]*?>)：捕获width属性之后到>标签结束的所有内容。这是第二个捕获组。
   • 替换词：$1 style="max-width: 100%; height: auto;"$2
     • $1 和 $2 分别引用了正则表达式中的第一个和第二个捕获组。
     • 这意味着我们将保留图片标签的其他部分，插入新的style属性，并自动移除旧的width属性。
   • 应用替换：勾选你想要应用替换的内容范围（如所有文章、产品等），然后点击执行。系统将遍历所有内容，并根据你定义的规则进行批量替换。

重要提示：使用正则表达式进行批量替换时务必谨慎，建议在测试环境中先行验证，并提前备份数据库，以防误操作导致不可逆的内容损坏。

第二部分：结合AnQiCMS过滤器，动态转换与优化HTML内容展示

AnQiCMS 的模板过滤器提供了在内容输出到前端页面时进行动态转换的能力。这意味着这些修改不会直接改变数据库中存储的原始HTML内容，而是在用户浏览页面时即时生效，非常适合用于展示层面的优化和调整。

过滤器通常应用于内容变量的输出，其基本格式为 {{ 变量名|过滤器名称:参数 }}。

1. replace 过滤器：文本级的属性值替换 虽然后台批量替换更强大，但在某些场景下，你可能只想在前端对