如何在單擊某個元素時渲染MathJax？

我有一個輸入字段，在其中輸入LaTeX命令，當我點擊一個按鈕時必須呈現爲MathJax。我使用textContent屬性將div元素的內容設置爲輸入字段中輸入的內容。但是，瀏覽器不渲染MathJax並將div的內容顯示爲LaTeX命令。我認爲這可能是因爲MathJax在文檔加載時呈現。點擊按鈕時，我可以通過哪種方式渲染MathJax？我不知道jquery或任何其他JavaScript庫。有沒有使用它們的方法，或者是否有必要使用它們？如何在單擊某個元素時渲染MathJax？

<head> 
 
    <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML"> 
 
    <!-- The source is used to render mathjax --> 
 
    function dispMJ() { 
 
     var a = document.getElementById("mj").value; 
 
     document.getElementById("disp").textContent = a; 
 
    } 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <input type="text" id="mj"> 
 
    <input type="button" value="render MJ" onclick="dispMJ();"> 
 
    <div id="disp"></div> 
 

 
</body>

來源

2016-09-23 Parth

注：cdn.mathjax.org是接近其生命週期結束後，請查看https://www.mathjax.org/cdn-shutting-down/獲取遷移提示。 –

你應該使用隊列來告訴MathJax重新呈現在div，從未來這裏看一個完整的例子http://codepen.io/damianfabian/pen/EgWEpv?editors=1000

UpdateMath = function() { 
    var TeX = document.getElementById("MathInput").value; 
    QUEUE.Push(["Text",math,"\\displaystyle{"+TeX+"}"]); 
}

來源

2016-09-24 19:27:51 damianfabian

如何在單擊某個元素時渲染MathJax？

回答

相關問題