@jpribyl Thanks for this lib.

I'm trying to feed in

const mathJaxOptions = {
  enableExplorer: false,
  enableMenu: false,
};

<MathJaxProvider options={mathJaxOptions}>
  ...
</MathJaxProvider>

But I'm still able to see the Context Menu shows up.

This is based on the doc > http://docs.mathjax.org/en/latest/options/accessibility.html#explorer-extension-options

import Tex2SVG, { MathJaxProvider } from "react-hook-mathjax";
const mathJaxOptions = {
svg: {
scale: 1, // global scaling factor for all expressions
minScale: 0.5, // smallest scaling factor to use
mtextInheritFont: false, // true to make mtext elements use surrounding font
merrorInheritFont: true, // true to make merror text use surrounding font
mathmlSpacing: false, // true for MathML spacing rules, false for TeX rules
skipAttributes: {}, // RFDa and other attributes NOT to copy to the output
exFactor: 0.5, // default size of ex in em units
displayAlign: "center", // default for indentalign when set to 'auto'
displayIndent: "0", // default for indentshift when set to 'auto'
fontCache: "local", // or 'global' or 'none'
localID: null, // ID to use for local font cache (for single equation processing)
internalSpeechTitles: true, // insert <title> tags with speech content
titleID: 0, // initial id number to use for aria-labeledby titles
},

@jpribyl

code

import Tex2SVG, { MathJaxProvider } from "react-hook-mathjax";

const mathJax = {
options: {
enableMenu: false
}
};

const App = ( ) => {
return (
<MathJaxProvider options={mathJax}>
<Tex2SVG display="inline" latex="\sum_{i=1}^{n}\frac{S_i}{S_{RL}}\leq1\:\:\:\:where\:S_i\:is\:the\:power\:density\:of\:the\: i^{th}\:frequency\:\:\:\:(1)" />
</MathJaxProvider>
)}

output

error on right click on formula and click outside

Hello,
Thanks for your project!
I've just tried to use \colorbox with two instances - the rendering for \colorbox is not working
Code example:

<Tex2SVG display="inline" latex="\colorbox{aqua}{$test$}" />
<Tex2SVG display="inline" latex="\colorbox{aqua}{$test$}" />

It works fine if I use only one Tex2SVG instance.

When I include it into our dependencies, it works fine in develop environment, it is including the following subsequent request.

But when I build the project and test it, I only can see this

My goal is to render part of the text in latex. For example:

{The sum of $$n$$ numbers is $$n(n+1)/2$$} should render as {The sum of n numbers is n(n+1)/2}.

Only everything in $$...$$ should be turned into an svg.

I have been trying to use the delimiter option in Mathjax. I'm guessing that this regards text outside the delimiters as non-math and renders is normally. But it appears to be doing nothing. I used this as my options for the MathJaxProvider:

{
        tex: {
            inlineMath: [ 
                ['$$', '$$']
            ]
        }
}

I only want part of the text to be processed to latex. Is all text in the latex prop assumed to be latex, or is there a MathJax option that I can add to skip normal text? I could manually delimit and insert <Tex2SVG latex={latex}/> whenever I do find a $$...$$ but maybe there is an in-built option or maybe a feature request?