MathJax渲染多行而不是内联

问题描述 投票:0回答:1

我感到困惑-简单,标准的MathJax在我的Flask应用上正常工作,但已停止工作。我不确定何时发生,还无法找出原因。我的MathJax脚本直接来自网站:

<script type="text/javascript" 
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS
MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} 
  });
</script>

查看路线看起来像这样:

@bp.route('/history')
@login_required
def history():
   papers = Paper.query.all()
   return render_template('main/history.html', papers=papers)

HTML / Jinja类似于此:

{% for paper in papers %}
<div class='paper'>


{% if showsub %}
  {{ paper.subber.firstname }}
  {% if paper.volunteer.firstname is defined %}
  &#8594;&nbsp;{{ paper.volunteer.firstname }}
  {% endif %}<br>
  {% endif %}
  <span class='title'>{{ paper.title }}</span><br>
  {{ paper.authors }}<br>
  <a href='{{ paper.link }}'>{{ paper.link }}</a><br>
  {{ paper.abstract }}<br>
  {% if showsub %}{% if paper.comment %}{% set comment = 
    paper.comment.split('\n') %}
  <span class='comment'><span style='font-weight: bold;'>Comments:</span>{% 
    for i in comment  %}{{ i }}<br>{% endfor %}</span>
  {% endif %}{% endif %}
  {% if showvote %}
  <span class='votes'>{{ paper.score_n }}/{{ paper.score_d }} votes.
  </span>
  {% endif %}
    </div>
    {% endfor %}

我目前未使用任何其他CSS或javascript。当代码呈现在页面上时,其中一些看起来还不错,但其中很多最终都悬在了多行上。我不知道这是怎么回事,还找不到其他类似行为的报告。有什么想法吗?

screenshot of the behavior

flask mathjax
1个回答
0
投票

[好的,我查看了源代码,意识到MathJax脚本显示为带有双反斜杠,而MathJax需要它们为单反斜杠。我不确定是在刮取MathJax脚本时是否会发生问题,还是可以配置MathJax正确解释双反斜杠,但是我使用Jinja在呈现页面时用单个反斜杠替换了双反斜杠,这似乎是有效的。笨拙,但有效。

{{ paper.abstract|replace('\\\\', '\\') }}<br>
© www.soinside.com 2019 - 2024. All rights reserved.