MathJax突然破线

Question

我在Anki中使用MathJax做笔记。当我使用“Cloze”音符类型并将一些MathJax放入完形填空删除时，线条会突然断开，但外部完形填空删除MathJax会按预期渲染。这是一个例子1。我的前模板：

{{cloze:Text}}
<script type="text/x-mathjax-config">
MathJax.Hub.processSectionDelay = 0;
MathJax.Hub.Config({
  messageStyle: 'none',
  showProcessingMessages: false,
  tex2jax: {
    inlineMath: [['$', '$']],
    displayMath: [['$$', '$$']],
    processEscapes: true
  },
  SVG: {
    scale: (!!navigator.userAgent.match(/(mac)|(mobile)/i) ? 100 : 180)
  }
});
</script>

<script type="text/javascript">
(function() {
  if (window.MathJax != null) {
    var card = document.querySelector('.card');
    MathJax.Hub.Queue(['Typeset', MathJax.Hub, card]);
    return;
  }
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_SVG';
  document.body.appendChild(script);
})();
    </script>

造型：

.card {
 font-family: calibri;
 font-size: 20px;
 text-align: center;
 color: black;
 background-color: lightgray;
}

.cloze {
 font-weight: bold;
 color: blue;
}

如何解决这个问题？

Answer 1

如果您使用的是基于WebKit的浏览器（例如，Safari或Chrome），那么WebKit中的最新更改可能是您遇到问题的原因。 MathJax检查数学可用宽度的方式现在会导致WebKit中出现不需要的换行符。 （请参阅MathJax问题跟踪器中的this issue。）

这已在2.7.5版本中修复，因此您应升级到该版本。您目前正在使用2.7.1，因此正在改变

  script.src = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_SVG';

至

  script.src = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_SVG';

会做的。把它改成

  script.src = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_SVG';

将确保您自动拥有最新（2.x）版本（即，即使您从2.7.5调用，如果有2.7.6的更新，您将自动切换到该版本）。