如何使用javascript切换MathJax渲染与代码？

如何使用javascript在渲染视图和纯文本/代码视图之间切换方程式的显示

例如，如何使用下面示例中的按钮在显示以下内容之间切换公式：

$$x={-b\pm\sqrt{b^2-4ac}\over 2a}.$$$

运行代码段时呈现的公式是什么

var btn=document.getElementById（“数学切换”）；
btn.onclick=函数（事件）{
//在这里使用MathJax API切换数学渲染？
警惕（“哞！”）；
};

MathJax示例
切换数学

方程：$$x={-b\pm\sqrt{b^2-4ac}\over 2a}$$

一种方法（使用MathJax API）是使用
PlainSource
输出并重新渲染

根据具体情况，在应用程序中跟踪这一点可能更容易（例如，只需抓取MathJax创建的脚本标记的内容）

由于用于TeX的分隔符仅在预处理阶段起作用（并且是用户可配置的），因此需要额外的逻辑来跟踪该分隔符


var btn=document.getElementById（“数学切换”）；
btn.onclick=函数（事件）{
如果（！btn.选中）{
Queue（[“setRenderer”，MathJax.Hub，“CommonHTML”]）；
Queue（[“Rerender”，MathJax.Hub]）；
}否则{
Queue（[“setRenderer”，MathJax.Hub，“PlainSource”]）；
Queue（[“Rerender”，MathJax.Hub]）；
}
};

MathJax示例
替换为纯文本源

方程：$$x={-b\pm\sqrt{b^2-4ac}\over 2a}$$

一种方法（使用MathJax API）是使用
PlainSource
输出并重新渲染

根据具体情况，在应用程序中跟踪这一点可能更容易（例如，只需抓取MathJax创建的脚本标记的内容）

由于用于TeX的分隔符仅在预处理阶段起作用（并且是用户可配置的），因此需要额外的逻辑来跟踪该分隔符


var btn=document.getElementById（“数学切换”）；
btn.onclick=函数（事件）{
如果（！btn.选中）{
Queue（[“setRenderer”，MathJax.Hub，“CommonHTML”]）；
Queue（[“Rerender”，MathJax.Hub]）；
}否则{
Queue（[“setRenderer”，MathJax.Hub，“PlainSource”]）；
Queue（[“Rerender”，MathJax.Hub]）；
}
};

MathJax示例
替换为纯文本源

方程：$$x={-b\pm\sqrt{b^2-4ac}\over 2a}$$