I'm using Markdown-it-katex with React and it's rendering beautifully, but I have some issues with console errors popping up due to unrecognized props. For example, when I paste in

$$ \sqrt{4} = 2 $$

into my markdown file, the console reads:

bundle.js:461 Warning: Unknown prop `encoding` on <annotation> tag. Remove this prop from the element. For details, see https://fb.me/react-unknown-prop
    in annotation
    in semantics
    in math
    in span
    in span
    in span
    in p
    in div (created by Post)
    in Post (created by PostsViewer)
    in div (created by PostsViewer)
    in PostsViewer (created by RegularPostsViewerWrapper)
    in RegularPostsViewerWrapper (created by Route)
    in Route
    in Switch
    in Router

This happens for other props as well, with more complicated equations. I was wondering whether I would be able to selectively disable attributes within the plugin given some options before React parses the returned HTML. Please let me know!

Tested on Chrome 60.0.3112.90 and Edge. Other functionalities like \in and \sqrt work as expected. markdown-it-katex was installed as in the docs, bundled with browserify and the bundle was imported in the HTML.

There is a syntax conflict with arve0/markdown-it-attrs:

var md = require('markdown-it')();

md.use(require('markdown-it-katex'));
md.use(require('markdown-it-attrs'));

var result = md.render('$\\sqrt{a}$');
console.log(result) // outputs <p a="">\sqrt</p>

Workaround: Changing the delimiters of markdown-it-attrs

Is there a way to resolve this without changing the delimiters or does markdown-it not support two plugins with conflicting syntaxes?

Hi, many thanks for the library!
Why do we want to catch errors here and here if throwOnError: true is passed — leaving no chance to show error in the UI? I would rather use throw insead of console.logs here and catch error in the outside.

markdown-it-katex How to use it in native JS?

Can anyone update the KaTeX library to 0.10.2? I can fork but I'd rather not?

Hey @waylonflinn

Great work here:) I found that the output text is incorrect. the latex math span is not wrapped inside paragraph when stand alone, and it is also not wrapped in paragraph when it is after an image.

I'm pretty brain dead now, if you get around to look at this, let me know!

Ge

For render the inline equation that enclose with \( and \), and the block equation that enclose with \[ and \], thanks!

The README.md file points to css file version 5.1.0,
"https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css"
The above version has little less line height issue,
if any higher version is used like 0.16.4 it breaks css and decreases line height further and collapses lines.
Tested with Block example.

Hi markdown-it team,

I should note at the offset that markdown-it + markdown-it-katex plugin parses most equations properly, except when there is markdown syntax in the equation.

Currently, I have a markdown document with a latex formula that looks like this:

\begin{equation}c_i = \begin{cases}
- \log{(\hat{y}_i)} & \text{for }y_i = 1 \\
- \log{(1 - \hat{y}_i)} & \text{for }y_i = 0
\end{cases}\end{equation}

Notice the - in the equation. Markdown-it sees these - marks and parses them as li elements which breaks the latex rendering (as latex doesn't know what to do with <ul><li>. Is there a way to tell markdown-it to skip rendering anything inside of the \begin{equation} and \end{equation} syntax? Alternative suggestions work too... I'm kind of stuck on this issue.

Thanks!

... but works fine when using a clone. Seems to me that aaf6947 hasn't made its way to the npm registry yet. Could you publish the current version?

It looks like this module no longer works properly with the latest version of katex (0.9). Can you upgrade the package dependency?

KaTeX/KaTeX#1114 (comment)

For example:

$\alpha$ renders fine.

But $ \alpha$ with a space doesn't render into math, just stays as the string

Hi,

when I'm using special letters like äöü in \text{}, the while equation will not be rendered :(
But it worked with Katex's demo (added \text{äöü} to the black box) so I think that the bug may be in this package.

Hello,

I use markdown-it-katex to add math equations for my blog powered by VuePress. But when the equation is longer than the size of screen (especially on the mobile phone), it will overflow the page, which looks very weird.

I have noticed that many sites's math equations are able to swipe left like the code block to prevent the equations from overflowing the page. I wonder whether markdown-it-katex supports this feature?

Thanks a lot!

Whenever there's a special in the formula like ÄÖÜ,
KaTeX just refuses to render it and outputs my input text

My mathematical formula will have spaces before and after the $.
Your sample website can be well parsed, but my website can not get the same results.
How should I modify it?

https://www.npmjs.com/package/@iktakahiro/markdown-it-katex

some KaTeX options don't work.

As part of what I do with Markdown, I have to parse the Markdown itself, token by token. For text, I normally just use the token's content.

However, in TeX code within Markdown, parsing breaks due to backslashes in the TeX being interpreted as escapes. For example, the code

$1+1 \, = 2$

Will be parsed as

$1 + 1 , = 2$

Producing a comma in the rendered TeX, when \, should be a 'small space'.

I'm not sure if this is even within scope of this package, but if this plugin could adjust the parsing so that escapes don't break the TeX that'd be amazing.

\unicode{} also allows for XSS

$\unicode{<img src=x onerror=alert(1)>}$

Look at: https://github.com/waylonflinn/markdown-it-katex/blob/master/index.js#L168

Once the parser returns error, it would return katex without sanitizing as HTML tags.

To trigger this catch block, you can easily put one more "%" character.

Try it on live demo http://waylonflinn.github.io/markdown-it-katex/

1. Input the data as $<img src=a onerror=alert(1)>$ , nothing happens
2. Try $<img src=a onerror=alert(1)>%$ you can see the alert dialog.

Consider this affects many real-world products.

Pandoc-crossref (https://hackage.haskell.org/package/pandoc-crossref-0.1.0.0) is a very useful tool for equation numbering and cross references as markdown dialects usually don't support them natively. However, markdown-it-katex does not work properly with the syntax of pandoc-crossref. It seems that markdown-it-katex requires the ending $$ delimiter to be at the tail of the last line, but the label tags of pandoc-crossref, like {#eq:my-label}, must be put after the ending $$ delimiter. Would you care of this?

@waylonflinn

This repo is no longer compatible with the latest versions of Katex - which means that it is necessary to use a forked update ala @iktakahiro/markdown-it-katex to get katex working as intended.

Would it please be possible to clarify the status of the repo and whether there are plans to continue maintaining it? If no plans to maintain, whether it would be possible to cede the project to a new active maintainer, maybe @iktakahiro?

Given the name of the repo it would be opportune to keep this working, as this is the most apparent option when people are searching for markdown-it + katex.

Thanks.

Hi,

I need to use markdown-it-katex with AMD support. I have already made change locally and its working. I want to share this with the community. Do you accept pull requests at this time?

Thanks.