wko27 / react-mathjax

MathJax as React component
MIT License
168 stars 71 forks source link

HTML does not render properly #12

Open mjyoung opened 5 years ago

mjyoung commented 5 years ago

In the mathjax.org demo you can do something like this:

<p>This some some paragraph text.</p>

<strong>And here's some bold text with a linebreak.</strong><br />

If `y = 10`, what is `x` when `x = y/5 + 4`?

and it would render HTML properly: image

This doesn't work with react-mathjax2:

<MathJax.Context
  input="ascii"
>
  <div>
    <div>
      <h2>With MathJax.Text</h2>
      <MathJax.Text text={asciiText} />
    </div>

    <div>
      <h2>With MathJax.Node</h2>
      <MathJax.Node>{asciiText}</MathJax.Node>
    </div>
  </div>
</MathJax.Context>

image

AnshiLeFlay commented 5 years ago

im just fix text.js in src with

` render() { const { classes, options } = this.props; return (

this.div = div } dangerouslySetInnerHTML={{ __html: this.props.text }} />
);

} `

and compiled it through babel