通过marked.js和mathjax.js共同实现web端的带数学公式的markdown转换为html

基本markdown

marked.js

marked.js是一种渲染markdown到html的第三方库,简单方便。基本上几句代码就可以完成渲染:




  
  


    
    

效果如图

通过marked.js和mathjax.js共同实现web端的带数学公式的markdown转换为html_第1张图片

但是如果我们将带有数学公式的markdown内容交给marked.js解析时,会发现其只会原封不动地连带“$”一起当作文本内容,如图
通过marked.js和mathjax.js共同实现web端的带数学公式的markdown转换为html_第2张图片

为了避免发生这样的事情。我们可以使用另一个第三方库——mathJax.js

MathJax.js




  
  
  
  


    
    

效果
通过marked.js和mathjax.js共同实现web端的带数学公式的markdown转换为html_第3张图片

你可能感兴趣的:(javascript,前端,html)