mathjax-react icon indicating copy to clipboard operation
mathjax-react copied to clipboard

how to do SVG resize ?

Open ajay311517104001 opened this issue 3 years ago • 2 comments

i've used the mathComponent and the input that i fed in tex is pretty long when it throws the svg, the svg is going out of the div. Dynamic resizing is not happening. please help me with this. Thanks in advance :)

ajay311517104001 avatar Sep 25 '22 21:09 ajay311517104001

i've used the mathComponent and the input that i fed in tex is pretty long when it throws the svg, the svg is going out of the div. Dynamic resizing is not happening. please help me with this. Thanks in advance :)

Did you find any solution to this? I am facing the same issue: image I need to wrap the content to the next line. The scroll is added if I do this: <p style={{display:"inline-block", whiteSpace:"nowrap", maxWidth:"100%", overflowX:"auto", textAlign:"initial"}}> <MathComponent tex={example1} display={true} /></p>

manal-t07 avatar Oct 01 '22 15:10 manal-t07

I used the mathjax script instead: <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [["$","$"],["\\(","\\)"]], displayMath:[["$$", "$$"], ["\\[","\\]"]] }, showMathMenu: false, messageStyle: "none" }); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" ></script>

and render content in the <p> tag.

manal-t07 avatar Oct 02 '22 00:10 manal-t07