Is it possible to render typst formula in html?

[Guest-1013]

Description

I am using katex as the rendering engine for formula in my quarto website project, and want to change to typst for better source code readability. However, as what I have read in the documents, it seems to be only possible to use typst when the output file is .typ/.pdf . Is there a way to integrate typst rendering engine into a website project, something like

html-math-method:
    method: typst

?

[mcanouil]

No there isn't a native approach that will get you to have similar output as actual HTML JavaScript plugins such as MathJax and KaTeX.

This being said, there is a Quarto extension to render any Typst content to any formats as images:

• https://github.com/mcanouil/quarto-typst-render

[mcanouil]

Additionally, Typst cannot at this point export equation to HTML (Typst ignores them), meaning the above approach using images is the only viable approach but will require you to provide/check alternative text to have an accessible document.

[Guest-1013]

I'll try it, but for now I think I'm gonna stay with KaTeX before typst officially supports HTML stably. Thanks for answering!

[cderv]

@Guest-1013 I am curious of your suggestion. How do you envision being able to use typst for equation ?

You would like to write typst syntax (https://typst.app/docs/reference/math/) because KaTeX syntax is not enough ? I don't know the full difference.

If your output in HTML then you need in all case a render to HTML. KaTeX and Mathjax are such tool.

Maybe something could become possible considering Typst experimental HTML export (https://typst.app/docs/reference/html/) but they do not yet handle Math element (typst/typst#5512)

So using a tool like quarto-typst-render above seems to be the best solution today. It uses images like some other html math method like webtex.

Also for context, all html math method in quarto as of today are inherited from pandoc supports: https://pandoc.org/MANUAL.html#math-rendering-in-html

Thanks.

[Guest-1013]

I'd say it would be really convenient to be able to use $ ... $ and $$ ... $$ for rendering typst equations in HTML, just like using KaTeX but with a different syntax. I understand that official support for HTML in typst is still in development, maybe I will wait for it to be stable then. Thanks for answering!

[mcanouil]

FYI, my extension will be able to do that once Typst can.
HTML output is on the roadmap, but that's not for quite some time.

[cderv]

I would be interesting to know the specific of Typst Math syntax in input compared to what KaTeX offers.
It would be an option also for KaTeX to support such syntax, or missing part at least:

• Support for Typst syntax KaTeX/KaTeX#4069