为自己收录的web公式编辑方式-MarkDown

最新推荐文章于 2024-07-20 13:41:56 发布

bi_mang

最新推荐文章于 2024-07-20 13:41:56 发布

阅读量1k

点赞数

分类专栏： makdown 文章标签： web

本文链接：https://blog.csdn.net/bi_mang/article/details/52397638

版权

本文介绍了两种在Markdown中插入数学公式的Web解决方案：通过网址复制公式图片以及使用MathJax库实现浏览器上的公式渲染。MathJax是一个开源JavaScript库，能够将公式描述转化为HTML+CSS或SVG代码，以实现高兼容性的公式展示。

摘要由CSDN通过智能技术生成

1.最简单的方式
打开该网址，在公式编辑框中输入公式，公式编辑框下方就会自动显示对应的公式图片，右击该图片，选择复制图片，然后在博文中粘贴即可。
网址1：http://codecogs.com/latex/eqneditor.php
网址2：http://www.numberempire.com/texequationeditor/equationeditor.php

2.数学公式的web解决方案
在网页上显示漂亮的数学公式，是多年来数学工作者和学者的愿望。最容易实现的方式就是使用离线编辑器如word，Latex等编写完公式，然后截图作为图片在html网页中显示。然而这种方式存在很多缺点：

（1）无法在线修改，离线修改后必须重新截图
（2）放大显示会失真，这是位图的天生缺陷
（3）不同的离线编辑器生成的显示效果不同，很难统一
（4）由于无法直接编辑，所以即使看到了公式，也无法在此基础上进一步修改，不利于交流

当然，位图显示公式也有一个最大的优点，那就是兼容所有浏览器，不需要任何插件就可以浏览。随着html, css的持续发展，使用纯html+css来显示公式已经非常可行，于是大名鼎鼎的MathJax出现了。它是一个开源的JavaScript库，用来把特定格式的公式描述转换为html+css或者svg代码，从而在浏览器（网页）上显示数学公式（的插件）。

MathJax就是把公式表达式替换成显示公式的html代码。如下：

<!DOCTYPE html>
<html>
    <head>
        <title>MathJax TeX Test Page</title>
        <script type="text/javascript" src="math.js"></script>
    </head>
    <body>
        When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are
        $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
    </body>
</html>