라텍스를 렌더링하지 않는 MathJax

라텍스를 실제 수식/표현식으로 렌더링하기 위해 페이지에 MathJax를 포함하려고 시도했지만 오류나 렌더링이 없습니다. MathJax를 제대로 넣었는지, 그래서 코드는, 내가 오류없이 실행하는 다음 코드라텍스를 렌더링하지 않는 MathJax

var div = MathJax.HTML.Element(
    "div", 
    {id: "MathDiv", style:{border:"1px solid", padding:"5px"}}, 
    ["Here is math: \\(x+1\\)",["br"],"and a display $$x+1\\over x-1$$"] 
); 
document.body.appendChild(div);

이있는 MathJax 문서

에서 직접 촬영 및 중 콘솔에 오류가 없습니다. 그렇게할만한 정보는 거의 없습니다. 이 시나리오를 디버깅하는 방법 또는 더 나은 솔루션에 대한 좋은 제안 :)

출처

2014-10-03 Rune FS

[이 문서의 일부] (http://docs.mathjax.org/ko/latest/typeset.html)를 보았습니까? –

@PeterKrautzberger 만약 당신이 그것을 밥 그릇 답안으로 쓰면 나는 투표 할 것입니다. –

글쎄, 기술적으로 이것은 중복 된 것입니다. http://stackoverflow.com/a/17054116/1339651 –

이 코드는 저에게 효과적입니다.

<!doctype html> 
<html> 
<head> 

<!-- or use the cdn for mathjax source code --> 
<script src="../MathJax/MathJax.js"> 
    MathJax.Hub.Config({ 
    jax: ["input/TeX","output/HTML-CSS"], 
    extensions: ["tex2jax.js"], 
    tex2jax: { 
     inlineMath: [ ['\\(','\\)'] ], 
     displayMath: [ ['$$','$$'] ] 
    } 
    }); 

    function doOnLoad() { 
    var div = MathJax.HTML.Element(
      "div", 
      {id: "MathDiv", style:{border:"1px solid", padding:"5px"}}, 
      ["Here is math: \\(x^2+1\\)",["br"],"and a display $$x+1\\over x-1$$"] 
     ); 
    document.body.appendChild(div); 
    // This does not seem needed but you can use if to force rendering of a div 
    // MathJax.Hub.Queue(["Typeset",MathJax.Hub,'MathDiv']); 
    } 
</script> 

</head> 
<body onload="doOnLoad();"> 

</body> 
</html>

div가 onload 메서드에 추가되어 페이지가 완전히 구문 분석 된 후에 div가 추가되어야한다고 생각합니다.

출처

2014-10-03 17:24:04

라텍스를 렌더링하지 않는 MathJax

답변

관련 문제