在HTML文件中包含LaTeX公式?

时间:2011-08-10 10:08:11

标签: html latex

我看到一些网站在其网站中包含了LaTeX公式。他们是怎么做到的? 是否有任何HTML标签或SSI命令包含LaTeX公式? 我更喜欢有服务器端命令,而不是客户端命令。有些客户没有LaTeX编译器。

提前致谢

3 个答案:

答案 0 :(得分:7)

MathJax是一种可能的解决方案。 它是一个客户端解决方案(Javascript),它与LaTeX语法兼容。

我认为MathTran提供了LaTeX文件的在线外包,您可以稍后将其嵌入HTML代码中(与Google图表工具的方式相同)

根据您的服务器配置(即假设您可以安装所需的内容),如果LaTeX文件不经常更改,您可以轻松安排(比方说)LaTeX - > PNG渲染(网上有很多关于如何操作的信息)并链接生成的PNG。

最后一种方法(但最简单)如果您有服务器限制(比如共享主机),您可以将LaTeX离线渲染到图像并上传结果。

答案 1 :(得分:0)

MathJax可以为你完成这项工作。查看网站。

答案 2 :(得分:0)

CodeCogs updated hyperlink)可用于分别生成图像,然后可以使用标签<img>将其添加到网页中,这是有效的(并且加载速度更快) KaTeX给出了 MathJax 的替代方法:我在此处粘贴了后者实现的一个最小示例。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Katex</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
</head>

<body>
<p>Blah blah \(e^{i\pi}+1=0\) blah blah blah.</p>
\[e^{i\pi}+1=0\]
<p>Blah blah blah blah blah.</p>
</body>
</html>

所有您需要做的就是在标题中添加一个link和两个script标签,然后您就可以使用LaTeX语法在定界符\( \)之间编写内联数学,并在分隔符之间显示数学。分隔符\[ \]