How to use KatexMarkdownJS()

[rleyvasal]

How to use the KatexMarkdownJS() function included in fasthtml?

I created the following minimal example based on adv.py, but it is not returning the rendered katex formula

from fasthtml.common import *

# Create fasthtml app
app, rt = fast_app(hdrs=(KatexMarkdownJS('.katex')) )

@rt("/")
def get():
    return Div('This is an inline formula $x =\frac{1}{2}$', cls='katex')

serve()

[dgwyer]

I think the issue is that \f is being treated as a special Python character here. To avoid conflicts like this you can just use a raw string.

from fasthtml.common import *

app, rt = fast_app(live=True,hdrs=[KatexMarkdownJS()])

@rt("/")
def get():
    return (
        Div(r'This is an inline formula $x = \frac {1}{2}$', cls="marked"),
	)

serve()

[rleyvasal]

Thanks for the response @dgwyer, but the provided code still does not render the math formula. I also tried different browsers Edge, Chrome, Chromium, Firefox

[dgwyer]

What is the FastHTML code you're using? I managed to get it to render KaTeX using a raw Python string as demonstrated in the screenshot above.

[rleyvasal]

Same code you provided, just did copy and paste

[rleyvasal]

I found the problem, I had an older version of python-fasthtml. After upgrade it is working.

Thanks @dgwyer