Azure AD B2C自定义策略：如何为ClaimType添加内嵌超链接？

我之前也碰到过这个问题！Azure AD B2C的自定义策略里，ClaimType的Text字段确实会自动转义HTML内容，所以你直接写入转义后的<a>标签会被当成纯文本输出，这是平台为了防止注入风险的默认行为。不过有几个可行的替代方案能实现你要的效果，不用把链接放在api div下方影响体验：

方案一：自定义页面模板 + JavaScript 替换文本 #

这是最可靠的方法，能精准把超链接嵌入到勾选框标签里：

1. 先在自定义策略里保持ClaimType的文本为普通内容，不用写HTML：

<ClaimType Id="extension_TermsOfUseConsent">
  <DisplayName>Agree to Terms of Use</DisplayName>
  <DataType>boolean</DataType>
  <UserInputType>CheckboxMultiSelect</UserInputType>
  <Restriction>
    <Enumeration Text="I agree to the Terms of Use" Value="true" SelectByDefault="false" />
  </Restriction>
</ClaimType>

2. 在你的自定义HTML页面模板中，添加一段JavaScript代码，页面加载完成后找到对应的勾选框标签，把指定文本替换成带超链接的HTML：

document.addEventListener('DOMContentLoaded', function() {
  // 定位到勾选框的标签元素（根据你的ClaimType ID调整选择器）
  const consentLabel = document.querySelector('label[for="extension_TermsOfUseConsent"]');
  if (consentLabel) {
    // 替换文本为带链接的内容
    consentLabel.innerHTML = consentLabel.textContent.replace(
      'Terms of Use',
      '<a href="https://your-terms-url-here" target="_blank" rel="noopener noreferrer">Terms of Use</a>'
    );
  }
});

3. 确保你的自定义策略中启用了JavaScript执行：在对应的ContentDefinition里设置ScriptExecution="Allow"，比如：

<ContentDefinition Id="api.signuporsignin">
  <LoadUri>https://your-custom-template-url</LoadUri>
  <RecoveryUri>~/common/default_page_error.html</RecoveryUri>
  <DataUri>urn:com:microsoft:aad:b2c:elements:contract:unifiedssp:2.1.5</DataUri>
  <Metadata>
    <Item Key="DisplayName">Signin and Signup</Item>
    <Item Key="ScriptExecution">Allow</Item>
  </Metadata>
</ContentDefinition>

这种方法能让超链接完美内嵌在勾选框的标签里，和原生的文本排版一致，不会破坏用户体验。

方案二：利用本地化字符串配合前端处理（备选） #

如果你的策略用到了本地化，可以把要替换的文本放在本地化资源文件里，再用同样的JS逻辑替换。不过本质上和方案一原理一致，只是文本来源不同，适合多语言场景：

• 在本地化资源里定义字符串：

<LocalizedString ElementType="ClaimType" ElementId="extension_TermsOfUseConsent" StringId="DisplayName">Agree to Terms of Use</LocalizedString>
<LocalizedString ElementType="ClaimType" ElementId="extension_TermsOfUseConsent" StringId="UserInputTypeCheckboxMultiSelectText">I agree to the Terms of Use</LocalizedString>

然后用同样的JS代码替换Terms of Use为超链接即可。

需要注意的是，目前Azure AD B2C官方并没有支持在ClaimType的Enumeration Text中直接内嵌HTML的功能，所以前端自定义是目前唯一可行的路径。

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