如何通过XSLT生成带Alpine.js扩展的HTML页面

错误原因 #

XTDE0850错误的核心是：XSLT要求属性名必须是合法的QName（限定名称），而@notify、@click这类以@开头的字符串违反了QName的命名规则——QName不能以@、#等特殊字符作为起始字符，所以直接在XSLT中定义这类属性名会触发报错。

解决方案 #

方案1：改用Alpine.js的完整属性名（推荐）

Alpine.js的@前缀是语法糖，对应完整的x-on:前缀属性，比如@click等价于x-on:click，@notify等价于x-on:notify。这些完整属性名是合法的QName，XSLT可以正常处理：

<!-- 静态属性示例 -->
<button x-on:click="handleClick">点击触发</button>

<!-- 动态生成属性值示例 -->
<button>
  <xsl:attribute name="x-on:click">
    <xsl:value-of select="your-xpath-expression"/>
  </xsl:attribute>
  点击触发
</button>

这种写法兼容性最好，所有XSLT版本都支持，且符合HTML规范。

方案2：XSLT 2.0+直接生成带@的属性名

如果你的XSLT处理器支持2.0及以上版本，可以通过字符串表达式构造属性名，绕过QName的限制：

<!-- 用xsl:attribute构造带@的属性 -->
<div>
  <xsl:attribute name="{'@click'}">handleClick</xsl:attribute>
  <xsl:attribute name="{'@notify'}">showMessage</xsl:attribute>
  内容区域
</div>

部分现代XSLT处理器还支持更简洁的直接写法：

<div @click="{handleClick}" @notify="{showMessage}">内容区域</div>

方案3：XSLT 1.0兼容写法

如果只能使用XSLT 1.0，由于无法直接定义带@的属性名，可以通过输出原始HTML片段的方式实现（灵活性较差，仅作为备选）：

<xsl:text disable-output-escaping="yes">&lt;div @click="handleClick" @notify="showMessage"&gt;</xsl:text>
<!-- 插入div的内容 -->
<p>这是内容</p>
<xsl:text disable-output-escaping="yes">&lt;/div&gt;</xsl:text>

内容的提问来源于stack exchange，提问作者first-try