我无法通过MathJax获得$ ....&lt; ... $ in <li>的正确结果

时间:2017-09-26 05:52:59

标签: html mathjax

我有很多上下文工作在latex $$,但不是每个都有空格&lt;之后&lt;。 当我使用mathJax来显示它们时,它们在没有空间的情况下是不可行的。 这是问题还是规范规则?

&#13;
&#13;
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Mathedemo</title>

        <script type="text/x-mathjax-config">
            MathJax.Hub.Config(
                {
                    tex2jax: {inlineMath: [['$','$'],['$ ', ' $'], ['\\(','\\)']] ,processEscapes: true},
                    "HTML-CSS":
                    {
                        styles:
                        {
                            ".MathJax nobr":
                            {
                                padding: "0.5em 0.5em"
                            },
                        }
                    }
                });
        </script>

        <script type="text/javascript"
          src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
        </script>


</head>

<body>
<h2> Correct Latex Examlple</h2>
			<ol class="styleqops"> 
				<li> $ p < q < r $ </li>
				<li> $ p < r < q $ </li>
				<li> $ q < p < r $ </li>
				<li> $ q < r < p $ </li>
				<li> $ r < q < p $ </li>
			</ol>
<h2> UNCorrect Latex Examlple</h2>
			<ol class="styleqops"> 
				<li> $p<q<r$ </li>
				<li> $p<r<q$ </li>
				<li> $q<p<r$ </li>
				<li> $q<r<p$ </li>
				<li> $r<q<p$ </li>
			</ol>

</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

,您必须在特殊字符周围添加空格,这些空格可以在HTML浏览器中使用,例如<>等,或者您也可以使用&lt;&gt;

示例

&#13;
&#13;
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
    <html>
    <head>
    <title>Mathedemo</title>

            <script type="text/x-mathjax-config">
                MathJax.Hub.Config(
                    {
                        tex2jax: {inlineMath: [['$','$'],['$ ', ' $'], ['\\(','\\)']]},
                        "HTML-CSS":
                        {
                            styles:
                            {
                                ".MathJax nobr":
                                {
                                    padding: "0.5em 0.5em"
                                },
                            }
                        }
                    });
            </script>

            <script type="text/javascript"
              src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
            </script>


    </head>

    <body>
    <h2> Correct Latex Examlple</h2>
    			<ol class="styleqops"> 
    				<li> $ p < q < r $ </li>
    				<li> $ p < r < q $ </li>
    				<li> $ q < p < r $ </li>
    				<li> $ q < r < p $ </li>
    				<li> $ r < q < p $ </li>
    			</ol>
    <h2> UNCorrect Latex Examlple</h2>
    			<ol class="styleqops"> 
    				<li> $p&lt;q&lt;r$ </li>
    				<li> $p&lt;q&lt;r$ </li>
    				<li> $p&lt;q&lt;r$ </li>
    				<li> $p&lt;q&lt;r$ </li>
    				<li> $p&lt;q&lt;r$ </li>
    			</ol>

    </body>
    </html>
&#13;
&#13;
&#13;

通常,只需在这些符号周围放置空格就可以使浏览器避开它们,所以

... when $x < y$ we have ...

请按照此处的说明进行操作:
 http://docs.mathjax.org/en/latest/tex.html#tex-and-latex-in-html-documents