如何将公式转换为 MathML 以在网页中使用

Question

我在网上花了好几个小时寻找解决方案，但走了不少奇怪的路……

假设我有一个公式： x^2 + 3x + 32

我想随机选择用文本框替换公式的一部分（我可以这样做）

x^2 + [textbox]x +32

然后显示格式化的结果以供学生输入。 （我不能这样做）

我查看了 MathJax 和 MathML，我认为如果我可以将结果转换为 mathml 格式，包括我排序的文本框。我已经可以使用 MathJax 很好地显示公式了。

什么不起作用：

• 在结果公式上查找并替换为文本框（替换数字）

• 在结果公式上查找并替换为文本框（添加注释标签）

这两种方法我都尝试过弄乱间距/剪辑文本框，因此无法使用。我认为唯一的方法是使用已经包含的文本框生成 MathML，而不是在之后尝试添加它。

但我不知道怎么做？任何人都可以建议一种使用文本框生成 mathml 以在 mathjax 中使用的方法？

这是我目前失败的尝试：

<script type="math/mml" id="scriptTag">
  <math>
    <mfrac>
      <msqrt>
        <mn>
          <semantics>
            <annotation-xml encoding='application/xhtml+xml'>
              <input xmlns='http://www.w3.org/1999/xhtml' type='text' size='4' />
            </annotation-xml>
          </semantics>
       </mn>
     </msqrt>
     <mn> 3 </mn>
    </mfrac>
  </math>
</script>

我可以使用本指南创建基本（无文本框）mathml： http://www.xmlmind.com/tutorials/MathML/

Answer 1

我认为现代浏览器允许在 HTML5 中混合一些 HTML 元素和 MathML 元素：

<div>
<h2>Example 2</h2>
<div>
<math>
  <mrow>
    <mn><input type="text" size="4"></mn>
    <mo>*</mo>
    <mi>x</mi>
  </mrow>
</math>
</div>
</div>

<div>
<h2>Example 2</h2>
<div>
<math>
  <mrow>
    <mn><input type="text" size="4"></mn>
    <mo>*</mo>
    <mi>x</mi>
  </mrow>
</math>
</div>
</div>

这是一个上标示例，Firefox 出现输入框：

<div>
<h2>Example msup</h2>
<div>
<math>
  <mrow>
    <msup>
      <mn>2</mn>
      <mn><input type="text" size="4"></mn>
    </msup>
  </mrow>
</math>
</div>
</div>

<div>
<h2>Example msup</h2>
<div>
<math>
  <mrow>
    <msup>
      <mn>2</mn>
      <mn><input type="text" size="4"></mn>
    </msup>
  </mrow>
</math>
</div>
</div>