한 div에서 mathjax를 사용하여 라텍스를 렌더링하십시오.

Question

방금이 문제에 한 시간 씩 걸렸습니다. 해결책을 찾지 못했습니다.

내가 나 자신을 구성 할 수 있도록 내가 구성하지 않고 MathJax를로드 해요 :

<script data-cfasync="false" type="text/javascript" async 
     src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js"> 
</script> 

을 여기 내 구성입니다. 있는 것을 렌더링하지 못합니다. <div class="comment">

<script type="text/x-mathjax-config"> 
    MathJax.Hub.Config({ 
    jax: ["input/TeX","input/MathML","input/AsciiMath","output/CommonHTML"], 
    extensions: ["tex2jax.js","mml2jax.js","asciimath2jax.js","MathMenu.js","MathZoom.js","AssistiveMML.js", "a11y/accessibility-menu.js"], 
    TeX: { 
    extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"] 
     }, 
    tex2jax: { 
     inlineMath: [['$','$'], ['\\(','\\)']], 
     ignoreClass: "comment" 
     } 
    }); 
    </script> 

Answer 1

나는 답을 찾은 것처럼 보입니다. 이 클래스를 무시하고 tex2jax 외에도 asciimath2jax도이 클래스를 무시해야합니다.

Mathjax는 구성 지옥입니다.

MathJax.Hub.Config({ 
    jax: ["input/TeX","input/MathML","input/AsciiMath","output/CommonHTML"], 
    extensions: ["tex2jax.js","mml2jax.js","asciimath2jax.js","MathMenu.js","MathZoom.js","AssistiveMML.js", "a11y/accessibility-menu.js"], 
    TeX: { 
    extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"] 
    }, 

    asciimath2jax: { 
     ignoreClass: "comment" 
    }, 
    tex2jax: { 
     inlineMath: [['$','$'], ['\\(','\\)']], 
     ignoreClass: "comment" 
     } 
    });