Set paren-based math mode delimiters correctly

[sergiofenoll]

As is, if you include MathJax and write anything inbetween parentheses or square brackets, MathJax will treat it as a math mode block. This change sets it to use \( \) and \[ \] instead (although I still think it's problematic that you can write stuff outside of <vue-mathjax/> elements that will be rendered as LaTeX, but I'm not sure how/if that's fixable).

An example of the wrong behaviour I'm describing:

<p>
  ... (hopefully) be ...
</p>

gets rendered as

because it's recognized as an inline math block.

After applying my changes, it only happens if I write

<p>
  ... \(hopefully\) be ...
</p>

(I still think this last part shouldn't happen, but I'm not sure how to disable it)

[justforuse]

You mean that your formula includes ( and )， but dont want to render them as mathjax formula, just print what it is?

[justforuse]

Maybe you should not pass them to the formula prop. Can you give a demo?

[captainblubb]

Hey! I Do have the same issue on my project! The (xxx) should not be recognized as inline math!

how can i change die implementation in https://github.com/justforuse/vue-mathjax/blob/master/src/components/vue-mathjax.vue to something like:

window.MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$', '$']],
displayMath: [['$$', '$$']],
processEscapes: true,
processEnvironments: true
},

[justforuse]

@captainblubb For now, you can pass your custom config, just pass the options prop, it support override current config. https://github.com/justforuse/vue-mathjax/blob/master/src/components/vue-mathjax.vue#L42-L57

or we could support deep configuration merge in future🤔

[captainblubb]

Hey!

Thank you!! I am new but I got it running!

Create your config as object in data() e.g.

VueMathJaxOptions:
{
tex2jax: {
inlineMath: [['$', '$']],
displayMath: [['$$', '$$'], ['[', ']']],
processEscapes: true,
processEnvironments: true
}
}

and add it to your tag as options :)

vue-mathjax :options="VueMathJaxOptions" :formula="testformular">

Works great!

[justforuse]

@captainblubb glad this help you 😀