javascript - MathJax 的公式呈现不正确

Question

我正在尝试渲染一些公式，但没有成功。有问题的公式是

\frac{\displaystyle \sum_{k=1}^N k^2}{a}

这一定与我配置 MathJax 的方式有关，但我不知道出了什么问题。这是:

window.MathJax.Hub.Config({
  config: ['MMLorHTML.js'],
  MMLorHTML: { prefer: { Firefox: 'MML', other:   'SVG' } },
  displayAlign: 'left',
  extensions: ['asciimath2jax.js', 'tex2jax.js', 'mml2jax.js', 'MathMenu.js', 'MathZoom.js'],
  jax: ['input/TeX', 'input/AsciiMath', 'input/MathML', 'output/SVG', 'output/NativeMML'],
  messageStyle: 'none',
  showMathMenu: false,
  showProcessingMessages: false,
  skipStartupTypeset: true,
  'HTML-CSS': {linebreaks: {automatic: true}}
});

这是一个DEMO这说明了这个问题。公式应呈现如下:

对我的配置中缺少什么有什么建议吗？

Answer 1

对于 LaTex 内联数学，您必须使用 \( 和 \) 而不是反引号:

el2.html('\\(\\frac{\\displaystyle \\sum_{k=1}^N k^2}{a}\\)');

给出了想要的结果。

反引号默认为 asciimath 分隔符(请参阅 http://docs.mathjax.org/en/latest/asciimath.html )和 \( TeX 分隔符(请参阅 http://docs.mathjax.org/en/latest/tex.html )。

或者，您可以使用以下命令重新配置分隔符

  asciimath2jax: {delimiters: []},
  tex2jax: {inlineMath: [['`','`']]},