如何在MathJax中获得与渲染数学相关联的特克斯标记？

Question

我有一个演示，其中我使用MathJax在网页中呈现数学。js。这个演示是在线演示。

我得到了完美的数学渲染，但是现在我想做数学渲染的相反，即得到与渲染数学相关联的html标记。我尝试了几个方法MathJax。Hub.getJaxFor（div），也div.inner超文本标记语言，但是没有一个给我原始标记。

我想使用MathJax中的一些API获取原始标记，在这个演示中是$$x^2=x2$$。

问题

在下面的演示中，我将使用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
       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

我想使用MathJax中的一些API获取原始标记，在这个演示中是$$x^2=x2$$。

这是不可能的；分隔符将在预处理期间删除，并且不会存储。如果需要原始数据，您必须自己跟踪用户输入。

但是，您可以查找显示样式并从中导出分隔符。

这里有一个例子。

html lang-html prettyprint-override"><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>