Write Latex functions in html by applying MathJax

Applying `MathJax` to get `Latex` effect

To add LaTex function to a html page, one could applying MathJaxmethod adding the following code to head section of the html file.

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

If inline function is also needed, add the following code to the head section, as well.

 <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {inlineMath: [['$', '$']]},
        messageStyle: "none"
    });
</script>

An example

a simple html page code is as follow.

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>MathJax AsciiMath Test Page</title>
    <script type="text/javascript"
    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
        tex2jax: {inlineMath: [['$','$'], ['\(','\)']]}
    });
</script>
</head>
<body>
    <h1>here are some $latex$ functions</h1>
    <p>
        $$\int_0^infty \frac{x}{y}$$
        $$ \int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}$$   
        $$ \int_0^\infty \frac{x^3}{e^x-1}dx = \frac{\pi^4}{15}$$
    </p>
</body>
</html>
</html>

Copy above code save, save it to a text file and rename the file to page.html. Then, open it in a web browser, you will find a page looks as follow.

这里写图片描述

ref:

http://blog.csdn.net/LiJiancheng0614/article/details/47069817
http://blog.csdn.net/liyuanbhu/article/details/50636416

posted on 2017-10-07 15:38 yusisc 阅读(22) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

yusisc

Write Latex functions in html by applying MathJax

Applying `MathJax` to get `Latex` effect

An example

导航

公告

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

	<script type="text/x-mathjax-config">
	MathJax.Hub.Config({
	tex2jax: {inlineMath: [['$', '$']]},
	messageStyle: "none"
	});
	</script>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>MathJax AsciiMath Test Page</title>
	<script type="text/javascript"
	src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
	<script type="text/x-mathjax-config">
	MathJax.Hub.Config({
	tex2jax: {inlineMath: [['$','$'], ['\(','\)']]}
	});
	</script>
	</head>
	<body>
	<h1>here are some $latex$ functions</h1>
	<p>
	$$\int_0^infty \frac{x}{y}$$
	$$ \int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15}$$
	$$ \int_0^\infty \frac{x^3}{e^x-1}dx = \frac{\pi^4}{15}$$
	</p>
	</body>
	</html>
	</html>

yusisc

Write Latex functions in html by applying MathJax

Applying MathJax to get Latex effect

An example

导航

公告

搜索

常用链接

我的标签

随笔分类

随笔档案

阅读排行榜

Applying `MathJax` to get `Latex` effect