如何结合 Marked 和 MathJax

我知道的

使用Marked Documentation,我能够创建正确呈现降价语法的代码:

<!doctype html>

<html>

<head>

  <meta charset="utf-8"/>

  <title>Marked in the browser</title>

</head>

<body>

  <div id="content"></div>

  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

  <script>

    document.getElementById('content').innerHTML =

      marked('# Marked in browser\n\nRendered by **marked**.');

  </script>

</body>

</html>

带有上述示例的真实网页位于此处

我还可以使用以下答案使 mathJax 内联渲染工作:

<!from: https://tex.stackexchange.com/questions/27633/mathjax-inline-mode-not-rendering>

<script type="text/x-mathjax-config">

MathJax.Hub.Config({

tex2jax: {

inlineMath: [ ['$','$'], ["\\(","\\)"] ],

processEscapes: true

}

});

</script>

效果很好(真实世界的例子)。


<script type="text/javascript"

    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">

</script>


<!from: https://www.mathjax.org/#gettingstarted>

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>


<!from: https://stackoverflow.com/a/46511456/8565438>


<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



This is an example of MathJax inline rendering: $\dot{u}=\alpha \nabla^2 u$.

问题

如何结合 Marked 和 MathJax?我希望能够使用类似于math.stackexchange.com的语法:markdown & MathJax 组合。


噜噜哒
浏览 110回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript