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

来源:互联网 发布:媒体播放器软件下载 编辑:程序博客网 时间:2024/06/05 20:48

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>

代码在MarkDown编辑后显示为:
* * * * * * * ~* * * * * * * ~* * * * * * * ~* * * * * * * ~* * * * * * * ~



MathJax TeX Test Page



When a0, there are two solutions to ax2+bx+c=0 and they are

x=b±b24ac2a.



* * * * * * * ~* * * * * * * ~* * * * * * * ~* * * * * * * ~* * * * * * * ~

0 0
原创粉丝点击