javascript - Mathjax 和 JadeJS 的集成

Question

我在 Express 中集成 Mathjax 和 Jade 时遇到问题。我需要在“pre”中显示公式，所以我试图通过脚本配置 Mathjax。 这是我的代码:

script(type="text/x-mathjax-config")
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [['$','$'], ['\\(','\\)']],
            skipTags: ["script","noscript","style","textarea","code"]   
            }

    });

我的问题是，当我尝试查看该页面时，它会抛出此错误:

语法错误:意外的标记{

at Object.Function (unknown source)
at Object.exports.compile (/home/andres/web/node-login/node_modules/jade/lib/jade.js:176:8)
at Function.exports.compile (/home/andres/web/node-login/node_modules/express/lib/view.js:68:33)
at ServerResponse.res._render (/home/andres/web/node-login/node_modules/express/lib/view.js:417:18)
at ServerResponse.res.render (/home/andres/web/node-login/node_modules/express/lib/view.js:318:17)
at Promise.module.exports.app.get.Pregunta.find.exec.questions (/home/andres/web/node-login/app/server/router.js:240:16)
at Promise.addBack (/home/andres/web/node-login/node_modules/mongoose/lib/promise.js:128:8)
at Promise.EventEmitter.emit (events.js:88:17)
at Promise.emit (/home/andres/web/node-login/node_modules/mongoose/lib/promise.js:66:38)
at Promise.complete (/home/andres/web/node-login/node_modules/mongoose/lib/promise.js:77:20)

有人知道会发生什么吗？

谢谢。

Answer 1

问题似乎出在 type='text/x-mathjax-config' 上。如果我删除它， View 呈现良好。如果我保持原样，jade 会将脚本内容解释为 jade 标签。我不认为这是 jade 中的错误，因为文本模板也应该能够用 jade 编写。

无论如何，mathjax 似乎需要类型才能正确执行配置，因此我们需要解决该问题。最简单的解决方案就是保持一切不变，但在脚本标记的末尾添加 .。这将使它下面的所有内容成为文本文字。

script(type="text/x-mathjax-config").
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [['$','$'], ['\\(','\\)']],
      skipTags: ["script","noscript","style","textarea","code"]
    }
  });

或者，您可以在页面加载后配置 mathjax，如 here 所示.请注意，我对 mathjax 一无所知，我只是浏览了文档。