Официальный стартер-шаблон KaTeX не работает

#javascript #html #katex

#javascript #HTML #katex

Вопрос:

Я вставил очень простое тело в стартовый шаблон KaTeX, однако он не работает. Почему это так? Что мне нужно сделать, чтобы отобразить тело?

 <!DOCTYPE html>
<!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly -->
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3 Aro6EYUG4 cU KJWu/X" crossorigin="anonymous">

    <!-- The loading of KaTeX is deferred to speed up page rendering -->
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI sEnkvrMWph2EDg4" crossorigin="anonymous"></script>

    <!-- To automatically render math in text elements, include the auto-render extension: -->
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"
        onload="renderMathInElement(document.body);"></script>
  </head>

<body>



    <p>1</p>
    <p>Inline math $p^{k}(1-p)^{n-k}$ is what this is</p>
    
    <p>2</p>
    <p>$begin{aligned}
       x amp;= 2
         amp;= frac{3}{2}
    end{aligned}$
    </p>
    
    
</body>
</html>
 

Ответ №1:

Просматривая неминифицированную версию кода, я обнаружил, что применяются настройки по умолчанию. Следует использовать следующие разделители:

  • $$
  • \(
  • \)
  • \[
  • \]

Я смог заставить первую формулу работать, изменив $ значение $$ на с обеих сторон формулы.

 <p>1</p>
<p>Inline math $p^{k}(1-p)^{n-k}$ is what this is</p>
 

Я смог заставить вторую формулу работать, изменив $ $$ на с обеих сторон и добавив \ в конец каждой строки.

 <p>2</p>
<p>$begin{aligned} \
  x amp;= 2 \
  amp;= frac{3}{2} \
  end{aligned}$
</p>