Estoy tratando de crear una página HTML básica que represente LaTEX usando la biblioteca MathJax ( https://www.mathjax.org/ ). Sin embargo, cuando ejecuto mi página web en mi navegador, solo se muestra el LaTEX no en línea (incluido en $$), mientras que el LaTEX en línea no se muestra (incluido en $):
Esto parece extraño, considerando que creo que he configurado la sintaxis ($[inline_LaTEX]$) de LaTEX en línea a través del siguiente código:
<script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [['$', '$']] } }); </script>A continuación se muestra mi código:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" > <title>MathJax Test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [['$', '$']] } }); </script> </head> <body> <div class="container"> Here is an example of non-inline LaTEX: $$c^2 = a^2 + b^2$$ Here is an example of inline LaTEX: $c^2 = a^2 + b^2$ </div> </body> </html>Del comentario de @HenryEcker, cambiando la importación de MathJax a:
<script id="MathJax-script" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>Trabajó para mi.