MathJax无法正常渲染MathML mlongdiv长除法公式问题咨询

问题根因 #

MathJax默认未完全兼容MathML 3标准中的<mlongdiv>非核心布局标签，原生对该标签的解析逻辑存在缺陷，才会出现错位、长除符号缺失的异常表现。

解决方法 #

• 方案1：调整MathJax配置启用MathML扩展支持
  如果必须保留现有MathML代码，在引入MathJax脚本前，先添加全局配置：

  window.MathJax = {
    mml: {
      enableExtendedMathML: true
    },
    loader: {
      load: ['input/mml', 'output/chtml']
    }
  };
  

  配置完成后再引入MathJax脚本即可。
• 方案2：改用LaTeX语法编写长除法（兼容性最优）
  改用MathJax原生支持的longdiv宏包实现长除法，渲染一致性更高，无需额外调整配置，示例代码：

  \longdiv{251}{8}
  

  渲染效果和正常预期效果完全一致，只要你使用的MathJax配置内置了AMSmath扩展即可，目前绝大多数公开的MathJax默认配置都已包含该扩展。
• 方案3：修正现有MathML的结构顺序
  你的原有MathML代码中子元素的顺序和MathJax的解析规则不匹配，调整后的可正常渲染代码如下：

  <math xmlns="http://www.w3.org/1998/Math/MathML">
      <mlongdiv charalign="center" charspacing="0px" stackalign="left">
          <mn>8</mn>
          <mn>251</mn>
          <mn>3</mn>
          <msgroup>
              <msrow>
                  <menclose notation="bottom">
                      <mn>24</mn>
                  </menclose>
              </msrow>
              <msrow>
                  <none/>
                  <mn>1</mn>
              </msrow>
          </msgroup>
      </mlongdiv>
  </math>
  

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