能否扩展现有Tag Helper？Html.Raw渲染内容不触发自定义Image Tag Helper？

开发自定义Tag Helper时遇到以下问题：

• JSON文件中包含嵌入的HTML标记（主要是img、链接标签）
• 已编写自定义Image Tag Helper用于修改img标签属性，该Tag Helper对视图中标准渲染的图片可正常工作
• 但通过Html.Raw()渲染的HTML内容不会触发这个自定义Image Tag Helper

疑问：

1. 能否为Html.Raw()添加扩展方法，让其渲染的HTML也触发Tag Helper？如果可以，如何实现？
2. 我的Tag Helper写法是否有误？理论上渲染后的元素应该触发该Tag Helper吗？

相关代码 #

_ViewImports.cshtml #

@using projectname.de
@using projectname.de.Models
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, projectname.de

自定义Image Tag Helper #

[HtmlTargetElement("img", TagStructure = TagStructure.WithoutEndTag)]
public class ImageTagHelperExtension : TagHelper
{        
    public string? Src { get; set;  }
    public string? Alt { get; set; }
    public override void Process(TagHelperContext context, TagHelperOutput output)
    {                        
        if (!string.IsNullOrEmpty(Src))
        {                
            output.Attributes.Add("src", $"https://www.sitenames.com/{Src.ToLower()}");                
        }
        if (string.IsNullOrEmpty(Alt))
        {
            output.Attributes.Add("alt", "image alt tag");
        }           
    }
}

1. Tag Helper对Html.Raw()无效的原因 #

Tag Helper在视图编译阶段执行，会解析视图中的Razor代码和原生HTML标记，再生成最终输出。而Html.Raw()的作用是直接输出未经Razor解析的原始字符串，这部分内容跳过了编译阶段的Tag Helper处理流程，所以其中的img标签不会触发自定义逻辑。

2. 扩展Html.Raw()实现需求的方案 #

不能直接扩展Html.Raw()本身，但可以实现一个自定义HTML处理方法，先解析原始HTML字符串中的img标签，再应用Tag Helper的逻辑，最后返回处理后的HTML。具体步骤：

• 创建IHtmlHelper的扩展方法，接收原始HTML字符串
• 使用HTML解析库（如HtmlAgilityPack）解析字符串，遍历所有img标签
• 对每个img标签执行Tag Helper中的逻辑：修改src属性、补充alt属性
• 将处理后的HTML转换为IHtmlContent返回（替代Html.Raw()的作用）

示例代码：

using HtmlAgilityPack;
using Microsoft.AspNetCore.Mvc.Rendering;

public static class HtmlHelperExtensions
{
    public static IHtmlContent ProcessRawHtmlWithImageHelper(this IHtmlHelper htmlHelper, string rawHtml)
    {
        if (string.IsNullOrEmpty(rawHtml))
            return HtmlString.Empty;

        var doc = new HtmlDocument();
        doc.LoadHtml(rawHtml);

        var imgNodes = doc.DocumentNode.SelectNodes("//img");
        if (imgNodes != null)
        {
            foreach (var imgNode in imgNodes)
            {
                // 处理src属性
                var srcAttr = imgNode.GetAttributeValue("src", string.Empty);
                if (!string.IsNullOrEmpty(srcAttr))
                {
                    imgNode.SetAttributeValue("src", $"https://www.sitenames.com/{srcAttr.ToLower()}");
                }

                // 处理alt属性
                var altAttr = imgNode.GetAttributeValue("alt", string.Empty);
                if (string.IsNullOrEmpty(altAttr))
                {
                    imgNode.SetAttributeValue("alt", "image alt tag");
                }
            }
        }

        return new HtmlString(doc.DocumentNode.OuterHtml);
    }
}

使用时，将@Html.Raw(yourJsonHtml)替换为@Html.ProcessRawHtmlWithImageHelper(yourJsonHtml)即可。

3. Tag Helper写法的正确性 #

你的Tag Helper写法没有问题，它能正常处理视图中直接编写的img标签——因为这些标签会在Razor编译阶段被Tag Helper引擎捕获处理。但Html.Raw()输出的内容跳过了该流程，所以不会触发它。

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