如何获得与MathJax中渲染的数学相关的Tex标记？

Question

我有一个使用MathJax.js在网页中渲染数学的演示。这个演示在Online Demo。

我得到的数学完美呈现，但现在我想做数学渲染的相反，即获得与渲染数学关联的HTML标记。我尝试了几种方法MathJax.Hub.getJaxFor(div)和div.innerHTML但没有给我原始的标记。

我想获得原始标记，在本演示中，使用MathJax中的某些API的$$x^2 = x +2$$。

问题

我会用什么API中MathJax获得在下面的演示原来的标记？

演示代码

<script> 
    function getMathMarkup() { 
    var div = document.getElementById("mathMarkup"); 
    //I need to get the original Tex markup with $$ delimiters 
    //once the Math gets rendered 
     alert(MathJax.Hub.getJaxFor(div)); 
     alert(div.innerHTML); 
    } 
</script> 
<script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); 
</script> 
<script type="text/javascript" 
    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> 
<button type="button" onclick="getMathMarkup();return false;">Get Math Markup</button> 
<div id="mathMarkup"> 
    $$x^2 = x +2$$ 
</div> 

Answer 1

我想要得到原来的标记，在这个演示是$$ X^2 = X + 2 $$使用MathJax一些API。

这是不可能的;分隔符将在预处理期间被移除并且不被存储。如果您需要原件，您将不得不自己跟踪用户输入。

但是，您可以查看显示样式并从中派生分隔符。

下面是一个例子。

<script> 
 
    function getMathMarkup() { 
 
    var div = document.getElementById("mathMarkup"); 
 
    //I need to get the original Tex markup with $$ delimiters 
 
    //once the Math gets rendered 
 
    var math = MathJax.Hub.getAllJax("MathMarkup")[0]; 
 
    var text = '$' + math.originalText + '$'; 
 
    if (math.root.display) text = '$' + text + '$'; 
 
    alert(text); 
 
    }; 
 
</script> 
 
<script type="text/x-mathjax-config"> 
 
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); 
 
</script> 
 
<script type="text/javascript" 
 
    src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> 
 

 
<button type="button" onclick="getMathMarkup();return false;">Get Math Markup</button> 
 
<div id="mathMarkup"> 
 
    $$x^2 = x+2$$ 
 
</div>

另一种方法是简单地查找被放置在DOM输出之后的脚本标签。然后，您可以从那里重新构建信息，而无需依赖MathJax的API。