加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

网页插入复杂数学公式

(2012-10-25 19:44:11)
标签:

网页

数学公式

mathjax

分类: HCJ
如果我们经常写博客或者网页,时常会遇到向HTML中插入数学公式的问题。一个最简单的解决办法是,在LaTeX、TeXmacs或者LibreOffice Writer等文本编辑器中实现编辑公式,之后生成图片,最后再把图片插入到HTML文档中。虽然这个方法很简单,但是却非常麻烦,而且不方便保存公式图片。

所以,现在需要一个更加灵活可靠的工具,这个工具需要满足:
1. 在编辑HTML文档时,能直接书写公式;
2. 不用保存公式图片;
3. 常用浏览器支持,显示终端刷新速度快。

符合上述条件的有mathjax的JS插件(http://www.mathjax.org/)。mathjax允许在网页中直接插入公式,  支持LaTeX、MathML或者AsciiMath语法。
使用方法:
1. 在HTML文档中插入
===================================================================================
<script type="text/javascript" src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
===================================================================================
上述的configure支持了TeX和MathLL语法,如果需要支持AsciiMath语法,将configure改为“?config=AM_HTMLorMML-full”。
2. 写公式,直接使用Tex/LaTeX、MathML或者AsciiMath语法。默认$$...$$或者\(...)\为添加公式,单独成行;\[...]\为行内添加公式。
3. 对公式编号和引用公式
需要在引用mathjax之前加入以下代码,之后使用\lab{...}和\ref{...}编号和引用
==============================================
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
  TeX: { equationNumbers: { autoNumber: "AMS" } }
  });
</script>
===============================================
编号引用
\begin{equation} \label{eq:sample}
E = mc^2
\end{equation}
From \ref{eq:sample}, we could see that ...

取消编号引用
\begin{equation*} 
...
\end{equation*}

注意事项
1. 注意HTML的标签与TeX语法可能有冲突,“小于号/大于号/ampersands&”需要前后空格,比如:$$a < b$$


其他方法:
阮一峰制作的基于google chart的在线工具http://www.ruanyifeng.com/webapp/formula.html 


LaTeX数学公式快速入门:http://www.forkosh.com/mathtextutorial.html

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有