如何將公式轉換成MATHML用於網頁

Question

我在網上花了幾個小時尋找一個解決方案，並一直走下去了太多怪異的衚衕方式...

可以說我有一個公式： 的x^2 + 3×+ 32

我想隨機選擇更換與文本框式的一部分（I可以做到這一點）

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

我覺得現代的瀏覽器都支持HTML元素的一些混合和在HTML5 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>