Is it possible to use latex package in html without change any setting?

[Lightup1]

For rendering pdf, it is possible to use latex package.
For example, one can use pacage physics and write equation like \qty(x^2) and get $(x^2)$
But for html, it just showing equation like this $\qty(x^2)$.
Is there a way to let html use latex package without modifying every equation?

[mcanouil]

You have to use MathJax, KaTeX, etc. as described in the documentation: https://quarto.org/docs/output-formats/html-basics.html#latex-equations

There is an example in the gallery, namely "HTML for web publishing" using KaTeX (see the code at https://github.com/quarto-dev/quarto-gallery/blob/main/articles/html/html.qmd).

The tricky part is to find which HTML library provides \qty.

---
title: "Quarto HTML Basics"
format:
  html:
    html-math-method: katex
---

$$
\qty(x^2)
$$

[Lightup1]

Thanks.
Seems katex just support \qty.

[Lightup1]

But generally, is it possible to let Quarto support defining MathJax extensions?

[Lightup1]

I tried that

---
title: "Quarto HTML Basics"
format:
  html:
    html-math-method: katex
---

$$
\qty(x^2)
$$

I just got this.

[mcanouil]

As described in the link you provided (i.e., http://docs.mathjax.org/en/latest/input/tex/extensions/physics.html?highlight=physics) you have to change MathJax configuration locally or using a file.
Something like below should work (not tested).

---
title: "Quarto Math"
format:
  html:
    html-math-method: mathjax
    include-in-header:
      - text: |
          <script>
          window.MathJax = {
            loader: {
              load: ['[tex]/physics']
            },
            tex: {
              packages: {'[+]': ['physics']}
            }
          };
          </script>
---

$$
\qty(x^2)
$$

[Lightup1]

Thanks this one works!